Docs

[pdopchev]

Hi guys,

Tried to make a full width post but it doesn’t seem to work: http://dopchevproductions.com/romp-skis/ Full width option under Settings -> X Settings is enabled but the page still doesn’t look like this one, for instance: http://dopchevproductions.com/lets-connect/ when I disable the column container…

Any ideas?

Thank you!

[pdopchev]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! This is post and your reference URL is for page. Post won’t be fullwidth if you have container (max-width) set from Customzier > Layout and Design. You can use this CSS to make the post fullwidth :

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

Cheers!

[pdopchev]

Okay, that make sense – didn’t consider the fact that one is a post and the other one a page. When the code is applied the width does become 100% of the general layout, but the background of sections with no column container still don’t go full screen width – like the pages do. Is there a way to do that?

[Rupok]

Hi there,

It’s actually fullwidth but there is some padding on the content area. Let’s use this CSS as well to eliminate this :

.single-post .entry-content.content {
	padding: 0;
}

Cheers!

[pdopchev]

Great! It works now but it also stretches the content all the way even when the “column container” is on. Could that be avoided? p.s. to sum it up, looking to replicate that functionality of the pages…

[Rupok]

Hi there,

You need to add padding to the section or Row to get some spacing.

Thanks!

[Author]

Posts