Making content box wider

https://www.ads-software.com/support/topic/wider-page-content-narrower-sidebar?replies=2

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.