Vertically Center Footer Widgets

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. :)

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

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 :)

Hey Ying,

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

Thanks,
Fergal

No problem Fergal :)

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

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

Thanks,
Fergal

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

Perfect thank you again!

Always glad to help :)