So, on my page, please see photo here: http://tefl-online-course.com/wp-content/uploads/2014/04/Full.png , the content is going full across the page, but I’d like it to go only 1/2way like on this page http://chrislema.com/what-is-the-right-font-size-for-your-blog/. I’d prefer to do it without adding a widget/sidebar if possible.
I’m not able to find the setting control for this or maybe it’s not possible?
Hi
You can try this under Appearance > Custom CSS:
/* Vantage full width change main container width */ body.responsive.layout-full #page-wrapper #main .full-container { max-width: 960px !important; }Adjust 960 as required.
Cool, it wasn’t exactly what I was going for, but it works :)
Just out of curiosity, Is there a way to set that so it only effects particular pages, maybe a category of pages?
And thanks for the quick, awesome and most helpful response. Your team’s support is unparalleled.
For sure. This is a bit of a broad fix to the query. We can be more selective, what I’ve done in the past is apply this only to single blog posts paragraphs, this makes reading easier. To try that solution insert the following instead:
/* Single */ article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title { text-align: center; } article.post .entry-header .entry-meta, article.page .entry-header .entry-meta { text-align: center; } .single .entry-content p { margin-right: auto; margin-left: auto; max-width: 540px; }Give that a go.