Site logo

[Resolved] Widgets vertical alignment in top bar

Home Forums Support [Resolved] Widgets vertical alignment in top bar

Home Forums Support Widgets vertical alignment in top bar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1055875
    Deborah

    I’ve searched the support forum, found other solutions offered for people requesting vertical alignment for top bar widgets, implemented those solutions. But none are working for me.

    The solutions I tried:

    https://generatepress.com/forums/topic/top-bar-widget-text-alignment/
    https://generatepress.com/forums/topic/element-alignment/

    I’m using Lightweight Social Icons and a text widget in the top bar. What I want is for the text to display closer to the top, to be aligned to bottom of text displayed for the social icons.

    In addition to the solutions provided in the forum, I’ve tried all types of padding and margin changes to both the widgets, hoping to find a solution. No luck. What am I missing?

    #1056161
    Leo
    Staff
    Customer Support

    Hi there,

    Try this:

    .inside-top-bar {
        display: flex;
        justify-content: flex-end;
    }
    .inside-top-bar #text-7 {
        padding-top: 9px;
    }

    More info here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    #1056249
    Deborah

    Thank you for the quick reply, Leo.

    That worked!

    #1056257
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.