- This topic has 5 replies, 2 voices, and was last updated 5 years, 3 months ago by
.
-
Posts
-
For Gutenberg, it would be great if GP had a third container width.
If Container is set to blog width (say 800px), that’s too narrow for a home page, for example.
Adding margins to Full Width appears to require different CSS classes for different Gutenberg block types (and I’m not a CSS guy).
Is some way emulate a third container width, say 1,500 px?
Customer Support
Hi there,
So you want to change the container of the home page only?
If so try this:
body.home .site.grid-container { max-width: 1500px; }Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know 🙂
Thanks. That works for home.
What would be the approach for other individual pages?
You can keep adding on the CSS:
body.home .site.grid-container, body.page-id-xxx .site.grid-container { max-width: 1500px; }We could do it a different way if there is certain logic as well. Like all single posts would be:
body.single .site.grid-container, { max-width: 1500px; }Everything except the single posts would be:
body:not(.single) .site.grid-container, { max-width: 1500px; }You get the idea 🙂
Thanks, Leo!
No problem 🙂
- You must be logged in to reply to this topic.