Archived topic
Vertical align image and text to middle in Top Bar widget
5 replies · Started by Dan on May 27, 2021
Is there a way to vertically align an image and text inside a text widget with CSS in the Top Bar widget? I have the Customizer set to align the items centered, which works good for that part of it, but the image is a little larger than the text and I want the text to align with the middle of the image vertically, as opposed to baseline, which is what I think it's set to. I've tried a few things and can't seem to figure it out.
Hi there,
can you share a link to the site where i can see the issue?
Yes. I just sent the page in question to you.
Aah so you would need some CSS to style that specific widget. Try this:
.inside-top-bar .siteorigin-widget-tinymce p {
display: flex;
align-items: center;
justify-content: center;
}Thank you very much! I guess I wasn't grabbing the correct selector to apply that to in the first place. This works perfectly. Thank you, Thank you, Thank you!
Glad to be of help
