Blog Post full width / No Container

[rafalkukla]

Hi folks,

I’m struggling with single blog layout.

Can I choose the same page attributes (blank - no container / header - footer) on posts so it fits the rest of the website?

By default it’s set to full width, but the layout is boxed.

I’ve applied custom CSS

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

But it’s still not perfect. Heading and comments are all over the place and there is still gaps between the content.

I think it will be great to have the same ability and settings on posts as we already have on pages.

Any tips on changing this layout?

[friech]

Hi @rafalkukla,

Thank you for writing in, please update your custom CSS to this:

.single-post .x-container.offset {
	margin-top: 0;
	max-width: none;
	width: 100%;
}
.single-post .x-container.offset .entry-wrap {
	padding: 0;
}
.single-post .x-container.offset .entry-wrap .entry-header {
	display: none;
}
.single-post .x-container.offset .entry-wrap .entry-content.content {
	margin-top: 0;
}
.single-post .x-comments-area {
	width: 90%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

If that did not resolve the issue, please provide us the site URL.

Hope it helps,
Cheers!