If you would like to make your live editor pages have a similar width to the Smart Theme headers, you may use the following code to accomplish this (slight adjustments may be necessary depending on the templates used in the live editor – some templates already have a wider width).
@media screen and (min-width: 1170px) { .banner .fixed-width{width:97%; max-width: 1170px;} .container .eight.columns{width:31%;} .container .sixteen.columns{width:64%;} }
Just drop the above code in one of the following locations:
1) Under “OptimizePress > Dashboard > Custom CSS” – this will make all live editor pages on your site use the CSS above
2) In each live editor page where you want to use the code under “Page Settings > Other Scripts > Custom CSS”