I do keep seeing this requested. Not tried it but happy to try to work through it with you.
Start off by using:
.container {width: 100%;}
I’m not sure if there will be any side-effects, so try it and report back.
Unless someone else has already mastered this?
It works, but it distorts everything.
Isn´t there an entry somewhere in the CSS files which determines “width = x pixels”.
I think changing that would produce better results?
Think you’ll be digging bigger holes if you use width: 1900px; for example, as responsiveness will be impacting. Maybe try it.
#main-wrapper {} is pointing at same area.
I’ve just set up a test page using
.container {width: 1900px;}
In Customiz’it!>Pages & Posts Layout, I ensured that the default layout was No Sidebars and it seems to work.
Pr0fane: A quick hack would be to use a plugin like Real-Time Find and Replace and use it to replace:
span3 left tc-sidebar
with span2 left tc-sidebar
span3 right tc-sidebar
with span2 right tc-sidebar
span6 article-container
with span8 article-container
This changes the CSS at runtime to give both sidebars a class of span2
, which is 2/12 of the width, and gives the main article area a class of span8
, which is 8/12 of the width. (Previously they were 3/6/3.)
It works well and it’s simple to use.
There is a more elegant solution involving filtering the tc_global_layout
filter, but my php isn’t yet up to reassigning values in arrays within arrays. (@nikeo?)
Hi guys, I have just created a snippet about this. (I actually had it in mind since a long time, thanks @electricfeet for asking!)
http://www.themesandco.com/snippet/changing-the-global-column-layout-of-the-customizr-theme/
I hope this will help and look forward to reading your feedbacks
Thanks! Just what we needed!
Awesome! Thanks for the support guys!