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.
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.