marges bootstrap

Margins bootstrap
I experience that the margins between the different parts take up a lot of space and I would like to minimize that. I want to use them specially for smartphones.
Is there a way to do that?
Ronald

You would have to add some css to the styles optional property for your project. It's the kind of thing that you would probably need to explore the layout and existing css of the page in your browser's developer tools to find what changes work best for you.

Changing the values of the following css selectors would change some of the spacing in your screenshot (the values shown below are the default values so you would need to reduce these)

If you wanted the changes to only be seen on smaller devices (where the menus move to the top rather than in the left menu) then you can wrap the css in a media max-width selector like this:

Hope this helps
Fay

thanks Fay,

This will certainly help. If I want to permanently change this and perhaps some parts of the css in question, in which file should I do that?
regards
Ronald

The css for the default Bootstrap theme is here: modules/site/parent_templates/site/common/css/custom.css

Changes are likely to be overriden on upgrade though so if you're likely to make lots of changes you might want to make a custom theme.
Themes go in this folder: themes/site