Blog Post - remove container

[JordanAyres]

Hi guys,

How do I remove the following white screen on my blog posts?

If you see on the About page which is currently blank https://modernwisdomlife.com/about/

You’ll see the container. I wanted that removed on every page/post so that posts look like this website for example: https://fs.blog/newsletter/

[thai]

Hi There,

For pages, please change the page template to: Blank - No Container | Header, Footer

For posts, please add this custom CSS under Theme Options > CSS:

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

Hope it helps

[JordanAyres]

Hi Thai that worked for pages but not posts. I’ve added the CSS as requested:

Here is a post showing the container still: https://modernwisdomlife.com/dr-greg-potter-interview/

[rad]

Hi @JordanAyres,

That CSS is for posts (.single-post) and I’m not sure how it works on pages since it’s invalid CSS. This is the valid CSS

.entry-content p a {
  word-wrap: break-word;
}
.single-post .x-container.max.width.offset {
    width: 100%;
    max-width: 100%;
}

You should append the CSS at the end and not in between the existing CSS

Thanks!