Archived topic

WordPress 5.0 & Container Width

5 replies · Started by Steve on January 20, 2019

Viewing posts 1–6 of 6

January 20, 2019 at 10:02 am #787209

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?

January 20, 2019 at 11:37 am #787279

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;
}

Let me know :)

January 20, 2019 at 11:53 am #787295

Thanks. That works for home.

What would be the approach for other individual pages?

January 20, 2019 at 12:04 pm #787300

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 :)

January 20, 2019 at 12:30 pm #787318

Thanks, Leo!

January 20, 2019 at 1:02 pm #787335

No problem :)

This archived topic is closed to new replies.