[Resolved] How do I restrict a particular section to follow the width of rest of the blocks

[Anant]

Hi Team,

I have added a block using a free template from Genesis Blocks on the homepage (url mentioned in private info) to show our 6 services (the section below “Our Clients” slider.
But on desktop, the images/columns do not follow the left & right padding as rest of the blocks used above and bottom. While editing, it shows the padding is equal but on live version, it isn’t. Can you please help here?

[Ying]

Hi there,

You can add a container block, then add the section inside the container block.

[Anant]

Hi Ying,

I just did that. created a container and pasted the section in it but it still looks the same.

[Ying]

Hum..I’m not seeing it being added to a GB container:
https://www.screencast.com/t/9DnlQCYq

Have you cleared cache? And are you using GB 1.7 or GB 1.6?

If you are using GB 1.7, the new container block is default to full width, you’ll need to add a max-width in the sizing panel.

[Anant]

I added it to container this time properly. Here’s a screenshot: https://imgur.com/JOmDcCa
I am using GB 1.7 and have cleared the cache.

Now if I set the max width of container to 1200px, the content inside and columns get left aligned instead of being at center.

[David]

Hi there,

see the screenshot here.
Does that help:

https://generatepress.com/forums/topic/container-inner-container-whole-width/#post-2549738

[Anant]

Hi David,

This helped and its done. Thank You!

[David]

Glad to hear that!

[Author]

Posts