Adjusting Customizr Default Max Width Setting for Entire Site

Try this in you Custom CSS:

body {
  margin: 0 auto;
  max-width: 800px;
}

changing 800px to what you want.

But, as a novice, are you sure you want to do this?! The Theme is Responsive which means it adjusts to different screen sizes. If you change the default, you risk screwing up how it looks on Widescreens-Tablets-Smartphones etc.

Thank you! It worked! I am ok with the width being smaller than wider screens, in fact it improves the look of the pictures in the slider. It still can get smaller. I just didn’t want the max size too wide.

Sorry, so one last question. This doesn’t seem to be working on the rest of the pages. How can I change each page’s max width easily.

The body tag should work throughout. Do you have a link to your site?

Actually I found that the following helps with this issue.

html {
max-width: 1200px;
margin: 0 auto;
position: relative; /* Fix for absolute positioning */
}

Thanks Karactur, that worked! How do you change the colour of the background in the empty space around the body?

Look at this Snippet

I don’t know if I should start a new thread, first time using wordpress but… using the above code:
body {
margin: 0 auto;
max-width: 800px;
}
Only changed the header and footer, (perfect for what I want) but not the rest of the content. How can I get the whole site, or at least the static front page, to be a little narrower or 80% of the screen?

i want to remove sidebar with custom css on my all new tricks website any help?

@achatap, this Forum is for supporting the Customizr theme.

i don’t uderstand what is mean by Customizr theme ?

@achatap Customizr is a theme -> Customizr

@achatap, see if you can contact your theme’s vendors about support for your theme.

thanks for reply @rdellconsulting , @d4z_c0nf , @andrew Nevins , i got solution on my problem. my site is working fine now.

@achatap: As per the forum welcome, could you post a new topic?