[Resolved] Site footer block element not respecting container

[Cornel]

Hello

First of all thank you for the great theme.

We have created a site footer block element which will be displayed on all pages. We left the site container at a width of 1200px. Header and footer width are set to “fullwidth” and inner header width and inner footer width are set to “contained”. The site footer block element contains multiple column and paragraph core blocks. Unlike the page header, the footer spans the entire width of the page. However, we want the content elements in the footer to follow the container as well.

Surely we could style the footer with CSS. But I can’t get rid of the suspicion that this should also be possible directly with a corresponding configuration. Can you help me further?

Thanks a lot

[Ying]

Hi Cornel,

When you use block element to create custom site footer, the customizer option won’t apply to it any more.

Everything will need to be set in the block element, including paddings margins width etc.

I would recommend to use Generateblocks as block editor, it gives you much better control over blocks.

The way to fix your current problem would be adding an additional CSS class grid-container to the Container of footer block.
https://wordpress.com/support/adding-additional-css-classes-to-blocks/

[Cornel]

Hi Ying

All right. Thank you very much for your explanation.

Many thanks

[Ying]

You are welcome 🙂

[Author]

Posts