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

[Terence]

Greetings,

As in the title I need an extra footer widget row for one 100% width widget below the footer widget area which has 3 rows.

I’m testing changing themes from Genesis Theme to GeneratePress and it was achieved through a PHP snippet.

I’ve linked to the current site below.

Thanks!

[Ying]

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

[Terence]

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!

[Fernando]

Hi Terence,

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

[Terence]

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.

[Fernando]

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

And then add this code:

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

[Terence]

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.

[Fernando]

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

[Terence]

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

[Fernando]

Alright. Hope it goes well!

[Terence]

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

[Fernando]

Good idea! That works too.

[Author]

Posts