Text in Footer Widget Won’t Right Align

  • I have 3 columns in my Footer Widget, and I want the text in the right column to align to the right. It aligns right when I’m editing it, but it doesn’t show on the page. I also want the text in the centre column to sit at the bottom of the widget, and it shows that way in editing, but doesn’t show on the page. Any suggestions?

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi there,

    Thanks for using Startup Blog!

    I would recommend removing the Column block, so there are just the three widgets in the footer. Startup Blog will automatically position them into three columns, and it will also be mobile responsive this way. The Column block keeps the widgets in three columns even on mobile devices, which doesn’t look as good.

    Please give that a try and let me know what you think.

    Thread Starter meltal

    (@meltal)

    Thanks for that. It took me quite a while to understand what you meant, and it was still fiddly and difficult to get something approximating what I wanted. While It’s not exactly what I want, (I can’t get the spacing in the 3rd column right; it starts too far down), it is better than it was, so thanks again.

    Theme Author Ben Sibley

    (@bensibley)

    Sure thing!

    For the spacing in the last widget, you could add a title like in the first widget, or you can add the following CSS:

    .sidebar-footer-area .widget:last-child ul {
  margin-top: 0;
}

    This will move the text up so it’s inline with the other widgets. Please copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

    • This reply was modified 1 year, 2 months ago by Ben Sibley.
    Thread Starter meltal

    (@meltal)

    Thanks, Ben. I added a title because I don’t want to get involved with CSS. Can you suggest a way of dropping the text in the centre widget (the copyright) to be level with the lowest text in the footer?

    Theme Author Ben Sibley

    (@bensibley)

    Yea that’s doable too. I don’t think it can be done via the WP interface, but this CSS will work well:

    .sidebar-footer-area .widget:nth-child(2) {
  display: flex;
  align-items: flex-end;
}
.sidebar-footer-area .widget:nth-child(2) h2 {
  margin-bottom: 1.5em;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text in Footer Widget Won’t Right Align’ is closed to new replies.