This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Resize Blog Post Width

Open 4 replies premiumthemetheme-vantage
[email protected]
11 years ago · Last reply by Andrew Misplon 11 years ago

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?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 10 months ago

    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.

  2. [email protected] 11 years, 10 months ago

    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?

  3. [email protected] 11 years, 10 months ago

    And thanks for the quick, awesome and most helpful response. Your team’s support is unparalleled.

  4. Andrew Misplon Staff 11 years, 10 months ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread