Support » Theme: Leaf » Making content box wider

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi tizz,

    In your main theme style sheet (style.css), the rule starting on line 251 has two declarations that are limiting controlling the width of your site: “max-width: 980px;” and then “max-width: 98.0rem;” which is overriding the afore mentioned. If you change the second one (max-width: 98.0rem;) then you should be able to make the white space wider.

    I hope that this helps.

    Thanks bencaplan, but I don’t need extra white space, these mentioned rules are OK for me.
    Thesachman has opened this topic, not me 😉

    @bencaplan, for clarity:
    You can’t change only one (px or rem), because together they are the same declaration for different browsers (older and newer), not an override.

    @tizz: Sorry about that…

    I was not aware that this was a browser fall back though I do know that rem is not supported by IE < 9. Good to know, thanks! That said, I am pretty sure that the second statement is an override (at least for browsers that acknowledge it), right? I believe that if you change the second declaration to something like width: ##em or ##px that should work should work (though it will effect the responsiveness).

    @thesachman: If you want to make the content columns larger as well (and not just the white space), you will need to also style .row on line 171 of styles.css in a similar mannor.

    Any changes should be made in Custom CSS (built into this theme) or a child theme – do not modify theme files – those changes will be overwritten and lost when the theme is updated.

    Thread Starter Thesachman

    (@thesachman)

    Appreciate the help. Once the limitations are changed, how do I physically change the size after this? I would be doing this through the child theme.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Making content box wider’ is closed to new replies.