WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] [closed] Adjusting Customizr Default Max Width Setting for Entire Site (16 posts)

  1. erinrouss
    Member
    Posted 1 year ago #

    I generally like the Customizr theme, but I would like to reduce the default max site width. How can I do that?

    I should mention that I am fairly novice!

    Thank you!
    Erin

  2. rdellconsulting
    Member
    Posted 1 year ago #

    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.

  3. erinrouss
    Member
    Posted 1 year ago #

    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.

  4. erinrouss
    Member
    Posted 1 year ago #

    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.

  5. rdellconsulting
    Member
    Posted 1 year ago #

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

  6. Karactur
    Member
    Posted 10 months ago #

    Actually I found that the following helps with this issue.

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

  7. webadeptuk
    Member
    Posted 10 months ago #

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

  8. rdellconsulting
    Member
    Posted 10 months ago #

    Look at this Snippet

  9. TPStone
    Member
    Posted 7 months ago #

    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?

  10. achatap
    Member
    Posted 5 months ago #

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

  11. rdellconsulting
    Member
    Posted 5 months ago #

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

  12. achatap
    Member
    Posted 5 months ago #

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

  13. d4z_c0nf
    Member
    Posted 5 months ago #

    @achatap Customizr is a theme -> Customizr

  14. Andrew
    Forum Moderator
    Posted 5 months ago #

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

  15. achatap
    Member
    Posted 5 months ago #

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

  16. ElectricFeet
    Member
    Posted 5 months ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic