Add extra footer widget row for one 100% width widget below footer widgets

Hi Terence,

You can have up to 5 footer widgets in GP, you can set the footer widget number at Customizing > Layout > Footer >Footer Widgets.

Then you can add content to the footer widgets at appearance > widgets.

Then add this CSS to make all footer widgets full width:

.site-footer .footer-widgets-container .inside-footer-widgets {
    flex-direction: column;
    align-items: center;
}

Sorry, I wasn't clear. I need an extra footer widget row for one 100% width widget below the footer widget area which has 3 footer widgets @ 33% each. Footer widget 4 needs to be below the first row and 100% width.

Thanks!

Hi Terence,

This article should be helpful regarding this: https://docs.generatepress.com/article/footer-widgets/

Hi Fernando, that doesn't show how to add an extra footer widget row, if you look at the example website, it shows what I'm trying to achieve.

It does. You need to set Footer widgets to 4.

And then add this code:

.footer-widgets .footer-widget-4 {
    flex-basis: 100%;
}

Fernando, I've already tried that. It does not create a new row which is what I need. .footer-widget-4 needs to be on a separate footer widget row. Thanks.

Can you provide admin login credentials? I'll check why it isn't working.

Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

I'm developing it locally, sorry. I'll figure it out, thanks.

Alright. Hope it goes well!

BTW Fixed it by making the 4th widget an element with Custom HTML using the Hook
'generate_after_footer_widgets'.

Good idea! That works too.