Full width - no container - blog post

[hivehouse]

Is there a way to set a post layout to full width WITH no container? I think the toggle in X/Pro is for full width (container).

thanks

[Joao]

Hi There,

Please add the following CSS to Theme Options CSS

.blog, .single-post .x-main.left {
width: 100%;
max-width: none;
}
.single-post aside.x-sidebar.right {
display: none;
}
.blog, .single-post .entry-content {
padding: 0 !important;
}

.blog, .single-post .entry-wrap .x-container.max {

min-width: 100%;
width: 100%;
}
.single-post .p-meta {

display: none;
}

.blog .entry-content {
width: 100%;
margin: 0;
padding: 0;
}
.blog .entry-title a:hover, .blog .entry-title a {
font-size: 80%;
}

.blog div.x-container.max.width {
margin: 0px;
width: 100%;
max-width: none;
}
.blog header .x-container.max.width {
width: 88% !important;
max-width: 1200px;
margin-left: 12%;
}

Hope it helps!

[hivehouse]

Thank you for the CSS. That does make it full width.
I added the css which I think is working.

.single-product footer .x-container.max.width {
width: 88% !important;
max-width: 1200px;
margin-left: 12%;
}

I do like the full width option for the blog post, but I also need the ability to have a contained blog post with sections that are full width.

Is it possible to use those layout toggles for margin-less columns and container (on/off) when I use a Cornerstone template on a post? I didn’t see them in layout anywhere like I do when I use them on pages.

[christopher]

Hi there,

I checked my installation and the Marginless and Container option is available for posts. But it is under Row not Column settings:

I can check that on your installation if you give us the URL/User/Pass of your website using the Secure Note functionality of the post.

Thank you.

[hivehouse]

@Joao

Is there a version of the CSS that would make it full-width but in a container - essentially the Pro template Layout - Fullwidth (aka Blank - Container - Header/Footer). This way the custom post would be 100% inside the main content area (no sidebar) and I could use marginless container on any row that needed to go browser edge-to-edge.

chris

[hivehouse]

@christopher.amirian

You’re right, it was on row and not column. I made a mistake.

[friech]

Glad we could help you on this, Cheers!