[Resolved] Vertical Footer Widgets Instead of Horizontal

[Shane]

Hey Tom,

I was wondering if it is possible to make my 3 footer widgets be on top of each other (i.e. in 1 column) instead of side-by-side next to each other?

Thanks for your help & cheers 🙂
Shane

[Tom]

Hi Shane,

Give this CSS a shot:

.inside-footer-widgets > div {
    width: 100%;
    float: none;
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Shane]

Hi Tom,
Thanks for that – seemed to work perfect.
Cheers!
Shane

[Tom]

Glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marcel]

Hello
I need 7 vertical footer widgets instead default 3, visible on all pages. I apliesd your css code and works to put them verticaly. Where to work to increase number of widgets? Thanks.

[Jamal]

Hi

Please see this article in the knowledgebase: https://generatepress.com/knowledgebase/choosing-footer-widgets/

Seems like currently 5 widgets are available, see if that works for you.

Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

[Marcel]

I seted up the 5 widgets, but question is if is possible to have more then 5 widgets, in my case 7…

[Tom]

You would have to register two additional widget areas: https://codex.wordpress.org/Widgetizing_Themes

Then you need to copy footer.php to your child theme, and add the two additional footer widget areas in there as well by copying the other areas.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts