Make Post Styling like Page Attribute Blank- No Container | Header, Footer

What CSS do I need to make the Post styling look like Page Attribute Blank- No Container | Header, Footer, which is what I use on the rest of the site.

For example, I want this Post: https://plantbasedlifestyle.life/2019/08/15/tofu-scramble-recipe/
to be styled by default just like this Page: https://plantbasedlifestyle.life/recipes/tofu-scramble-recipe/

In other words, I want all posts to have the styling attributed to Page Attribute Blank- No Container | Header, Footer

Hello Andrea,

Thanks for writing in!

You can set the post to display as full width from X > Theme Options > Layout & Design > Content Layout and select Full width.

However, mimicking the page template layout will require significant CSS changes which falls outside the scope of support we can offer.

Thanks for understanding.

It’s already at Fullwidth. Look at all the white spacing on

this Post: https://plantbasedlifestyle.life/2019/08/15/tofu-scramble-recipe/

compared to this Page: https://plantbasedlifestyle.life/recipes/tofu-scramble-recipe/

I want the white spacing on the Post to be eliminated. In other words, I want the sections to be able to go full width to the end of the browser.

It seems that the class that is limiting the Post sections from going the entire width of the browser is

.x-container.max {
max-width: 1200px;
}

which comes up when .x-container max width main is highlighted in Google Dev Tools. If I adjust this amount, however, it also increases the width of the nav bar which I don’t want.

Hello Andrea,

Thanks for the clarifications.

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

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

Hope this helps. Kindly let us know.

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