Remove left and right margin in the content

Add to your Custom CSS:

#main-wrapper { margin: 20px 0; }

This totally removes the margin, can I have a little one ? (like 10-20 px)

Thanks !

Edit : and the right margin is twice it was before :-/ I’d just like the same margin at left and at right but smaller than it is with the original theme

Can you link to an image to illustrate what you want?

i’m trying to do this too. it worked on the left side, but how do i do the same thing on the right side. i just want the sidebars closer to the edge of the screen.

@effie, can you create your own thread and provide a link to your site?

I’d like to reduce the spaces in red in this image : https://nsa34.casimages.com/img/2013/08/04/130804080141856666.png

Hi Jo8192. Customizr is responsive, which means that as you change your browser width, it will adapt. If you reduce your browser window size, you can see it adapting to the window. At some points, it adapts in “jumps” (because it has various breakpoints at 1200px, 979px, 767px, 480px, and 320px). Your browser window looks to be around one of those “jumps”, where the margins are at their maximum. If you increase or decrease the width slightly, you should see them reduce.

This is working as designed: most people will see a pleasing balance, but every now and then someone will have a browser window width that looks different. The person I wrote my site for only has a laptop and the slider takes up the whole window on his PC; others complain that the pictures aren’t big enough in the lightbox because they have massive screens—it’s impossible to be perfect in every sized window.

Despite the theme being responsive, is there a way to change the margins. So for example if the range is somewhere between 10 and 30 pixels, can we make the range 5-20 depending on the browser window size?

Cheers,
Rob

I think that the pragmatic answer is no, not really.

You could try, but it would need a lot of work. Take a look at your main stylesheet (green/grey/orange/etc.css). In the section “Grid system and page structure” you will see that the widths are all heavily customized — and customized by computer, not a human, down to 9 decimal points.

IMHO, mess with the margins and you would mess up the grid system and possibly change the responsive behaviour.