How to top align footer sections

  • Resolved converting2wp

    (@converting2wp)


    4 years, 12 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)

    4 years, 12 months ago

    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?

    styleme

    (@styleme)

    4 years, 11 months ago

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

    Vishakha Patel

    (@vishakha)

    4 years, 11 months ago

    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

    styleme

    (@styleme)

    4 years, 11 months ago

    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)

    4 years, 11 months ago

    Thanks, Vishakha – that worked just fine.

    • This reply was modified 4 years, 11 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