Docs

[willpursell]

Hello, I’m trying to make one section of blog post full width from edge to edge of the browser while keeping my titles comments etc. within the confines of the blog width. I have tried making a cornerstone section with- max-width: none; width: 100%; with no luck.

I figured out how to almost get my blog looking like how I wanted to with – .

single-post .x-container.offset {
max-width: none;
width: 100%;
}

.single-post .x-container.offset .entry-wrap {
padding-left: 0;
padding-right: 0;
}

But that makes the titles, comments etc have no container as well. Is there a way to do it just on one element (example, and image gallery) .

I know its easy with pages but it does not work with blog posts. Thanks in advance!

(my site is http://www.willpursell.com latest version of wordpress and cornerstone)

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.single-post .x-container.max.width.offset {
    width: 100%;
    max-width: 100%;
}
.single-post div#comments,.single-post header.entry-header {
    width: 88%;
    margin: 0 auto;
}

Add your content in cornerstone sections and enable ‘column container’ for sections that have text element option, see the attachment.

Hope that helps.

[Author]

Posts