How to top align footer sections

  • Resolved converting2wp

    (@converting2wp)


    5 years, 7 months ago

    I have, essentially, used the different footer sections for different “lists”. The lists are different lengths.

    I’d like them all to start at the top of the footer — but with Neve 2.3.6 it appears the footer height seems to be set to accommodate the longest list and then the shorter one(s) are vertically centered in their columns.

    I see the customizer button to change the horizontal justification of the footer sections – but what about vertical justification?

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter converting2wp

    (@converting2wp)

    I’m guessing that the difficulty comes from this piece of CSS

    .footer--row .footer--row-inner, .footer--row .footer--row-inner .container .row {
    display: flex;
    align-items: center;
}

    But I can’t see how to change the cascade to get align-items to be “flex-start” or “baseline”.

    Any advice?

    Same problem, I tried everything I know in CSS…
    Can someone please help with this ugly detail ?

    Hi @converting2wp,

    yes, you are right about the class. You can add the code at WP-admin > Appearance > Customize > Additional CSS.

    For example, I added the following code there which worked for me:

    .site-footer .builder-item {
    align-items: baseline;
}

    @styleme, You can try the same code. If it does not work, kindly open a new thread. It is advisable to open a new thread even if it is the same question. It will create less confusion for future readers too.

    Thanks

    Hello Vishakha,

    I’ll remember the advice about the thread.
    Anyway it worked perfectly for me so thank you very much !

    Thread Starter converting2wp

    (@converting2wp)

    Thanks, Vishakha – that worked just fine.

    • This reply was modified 5 years, 6 months ago by converting2wp.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to top align footer sections’ is closed to new replies.

Tags