Aligning App Store badges in footer widget

  • Resolved klh0187

    (@klh0187)


    7 years, 2 months ago

    Hi I’ve added two image widgets to the Footer #2 but one of them is slightly higher than the other one. I want them to be on the same level – how do I do this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    The issue is that the image on the right includes whitespace and thus is taller than the one on the left.

    This CSS seems to fix it.

    .footer-widget aside {
    margin-bottom: 0px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
}

    To add CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter klh0187

    (@klh0187)

    Hi Steve,

    That worked perfectly, thanks so much – really helpful!

    Best,
    Katie

    Thread Starter klh0187

    (@klh0187)

    Hi Steve,

    The code you gave me sorted the app badges out but it has now moved my mail chimp sign up form to left alignment – any idea how I can align that centre again so it works with your code?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Aligning App Store badges in footer widget’ is closed to new replies.