[Resolved] Widgets vertical alignment in top bar

[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?

[Leo]

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/

[Deborah]

Thank you for the quick reply, Leo.

That worked!

[Leo]

No problem 🙂

[Author]

Posts