Make Live Editor Header Width Similar to Smart Theme

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”