[Resolved] Vertically Center Footer Widgets

[Fergal]

Hello,

Is there an option to vertically align the footer widgets?

Thanks

[Elvin]

Hi,

Can you link us to the site/page in question so we could check?

Are you trying to center the Footer Bar widget area or the Footer Widget 1-5 area?

You can provide the site details on the private information text field.

Let us know. 🙂

[Fergal]

Hey Elvin,

I’m using footer widgets 1-5. Footer widgets 1-3 seem top aligned which is fine, but I’m interested in the widget 1 that holds the logo. I’m curious if there is a way to center the vertical alignment or perhaps I can just increase the image size so that it is taller. I’d like the logo widget to align better with the contact information (widget 3) which is pretty tall in comparison.

Thanks,
Fergal

[Ying]

Hi Fergal,

You could use this CSS to align all the footer widgets:

.inside-footer-widgets {
    align-items: center;
}

Or use this CSS to move the logo widget down a bit by adding some top margin to it:

.footer-widget-1 {
    margin-top: 20px; /You could adjust this number*/
}

Let me know 🙂

[Fergal]

Hey Ying,

Thanks for your suggestions. Where do I add the CSS to?

Thanks,
Fergal

[Ying]

No problem Fergal 🙂

This is where you add CSS in customizer:
https://www.screencast.com/t/u4Dbsg8H

[Fergal]

Awesome thank you Ying! And doing the CSS this way will persist even when the theme gets updated eventually?

Thanks,
Fergal

[Ying]

No problem!
And yes, the CSS added in Additional CSS will be kept during the theme updates 🙂

[Fergal]

Perfect thank you again!

[Ying]

Always glad to help 🙂

[Author]

Posts