Archived topic

Grey block backgrounds extending to edge of screen

5 replies · Started by Amiria on January 25, 2023

Viewing posts 1–6 of 6

January 25, 2023 at 4:30 pm #2509203

Hi there,

Is there a way to make it so that individual blocks on posts/pages (or perhaps containers on those posts/pages) have a grey background that extends to the edge of the screen?

I can see how to add a background color to individual blocks, but wish to extend the width full screen (and also add padding at top/bottom).

Is there an easy way to do this?

Thanks!

January 25, 2023 at 5:03 pm #2509222

Hi there,

Try setting the content container to full width:
https://docs.generatepress.com/article/content-container/

Then I would recommend using GenerateBlocks' container block to build the desired layout:
https://docs.generateblocks.com/article/container-overview/

Let me know if this helps :)

January 25, 2023 at 5:35 pm #2509239

Thanks Leo. I can't see the option to change the content container to full width. Can only see a container width option, in pixels?

January 25, 2023 at 5:39 pm #2509241

Hi Amiria,

That setting can be found in a Page's settings.

Example: https://share.getcloudapp.com/RBuBR6zm

January 25, 2023 at 6:25 pm #2509263

Thank you!

January 25, 2023 at 6:30 pm #2509267

You're welcome, Amiria!

This archived topic is closed to new replies.

Start building better websites today.