[Resolved] Can you adjust single post content width separate from front of blog?

[paulscottanderson]

Hello,

I am just wondering if there is a way to adjust (lessen) the content width on single posts (no sidebars) but keep the wider width of the container on the front? Thanks!

[Leo]

Hi there,

This CSS should do:

body.single .site.grid-container {
    max-width: 800px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[paulscottanderson]

That worked, thanks!

[Leo]

No problem!

[paulscottanderson]

Just one other question, can I do that for single pages as well? Thanks!

[Leo]

Like static pages?

If so modify the CSS to this:

body.single .site.grid-container,
body.page .site.grid-container {
    max-width: 800px;
}

[paulscottanderson]

Yes that’s it, thanks again!

[Leo]

No problem 🙂

[Rolf]

Is you recommendation above doing this with simple css plugin still valid? would you still recommend using the plugin?
thanks!

[David]

Hi there,

the Simple CSS plugin is developed by our very own Tom Usborne. So yes highly recommend it.
Of course the code will still work if applied in a child theme style sheet or the Customizer > Additional CSS

[Author]

Posts