How to align footer items

Viewing 3 replies - 1 through 3 (of 3 total)
  • Chad Chadbourne

    (@shireling)

    9 years, 3 months ago

    Hey @phoebechuaky

    Using my browser inspector, I can look at a couple of things on your site.

    First, I can look at the spacing of the left hand element. It’s a list, and the individual list items have some padding between the borders and the text. That padding, in this case is 0.785em.

    Next, I can look at the other widget (your text widget on the right) and see that it’s ID is text-2.

    Armed with that info, I can write up a CSS style that adds matching padding to the right hand widget, without shifting other widgets elsewhere on the site, like so:

    #text-2 .textwidget {
    padding-top: 0.785em;
}

    Widget IDs come in handy for things like this – when you want to change one widget without impacting all of the others 🙂

    Thread Starter phoebechuaky

    (@phoebechuaky)

    9 years, 1 month ago

    Thank you, Chad! That CSS code worked perfectly. I also appreciate that you talked through how you solved the issue. I learned a lot and it’ll help me down the road in resolving my own issues. 🙂

    – Phoebe

    Chad Chadbourne

    (@shireling)

    9 years, 1 month ago

    Excellent! I’m so glad it helped! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to align footer items’ is closed to new replies.