[Resolved] Line up logo vertically with header widget custom HTML

[Peter]

Ref: http://petersale.net/

To get more familiar with GP I am attempting to duplicate the look and feel of petersale.net at petersales.net. To that end I would like to “move” the logo down a bit in order to better line it up with the “Contact me …” block of text. What is the most elegant way (the GP way) of doing this?

[Leo]

Hi there,

The logo and contact me header widget looks align to me already:
https://www.screencast.com/t/I8vMNNoHLQQh

You can tweak it more with this CSS:

.site-logo {
    padding-top: 10px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

[Peter]

Hi Leo,
Now that you mention it, the logo does look nicely lined up. If I enlarge it a bit and fix the “Contact Me …” block formatting, I’ll bet my logo will appear more lined up even if I do not add the padding CSS you so generously provided. Many thanks.

[Leo]

No problem 🙂

[Author]

Posts