Logo right from site title – Hooks?

[Philip]

Hi,

I would like to have my logo right from the site information. Is it possible to do this with GP Hooks? I would appreciate if you have the right piece of code.

Greetings
Philip

[Tom]

Maybe this CSS will help:

.site-logo {
    float: right;
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Philip]

Thanks for answering that fast!

Unfortunately I have almost no experience at all in coding. Where exactly does this code have to be pasted?

Greetings
Philip

[Tom]

This should help: https://generatepress.com/knowledgebase/adding-css/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Philip]

Thanks Tom,

Code works fine, thanks for the hint! Figured out how to get the site information and the logo side by side:

.site-branding {
	float: left;
}

.site-logo {
	float: right;
}

but the site title seems to be aligned on top. How do I give them the same space right above the main navigation?

Greetings
Philip

[Tom]

Any chance I can see what you mean?

You can move the site title down with this:

.site-branding {
    margin-top: 5px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts