Make post container full width only (not page container)

Support
#1

Dear,

I want the content of my post to be the full width of the post container, but I don’t want the page width to be affected (i.e. 88% right now), I will attach an image to clarify.

It seems they both use the x-max-with, so I can’t get it to work.

Thanks,
BR

#2

Hi There,

Thank you for writing in, but I’m a bit confused on your screenshot it seems you’re referring to the entry-wrap, not the container. If so, please add this to Theme Options > CSS

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

If it is indeed you’re referring to the container, please have this instead.

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

Hope it helps,
Cheers!

1 Like
#3

Hi, thanks for the reply. This solution doesn’t work though, because it makes the whole site 100% of the browser width.

I will attach the screenshots resulting from the code above so you understand what I mean

#4

Hi,

You can try this code instead

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

If that doesn’t help, please provide us your site url so we can take a closer look.

Thanks

#5

This doesn’t work, it’s not padding but a max-width from x-container
I will attach the login info as a secure note

#6

Hello Yves,

Please try this code instead:

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

Here are some related links for further reading:

Hope this helps.

#7

Legendary, thanks!

#8

You’re welcome. Glad we could help.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.