Two logos

[Ivaylo Popov]

Hello, again.

I am wondering it it possible to add 2 logos in the header? One of the left and one of the right site. Here a screenshot with live example:

[Tom]

Hi there,

You can use the Header widget area in “Appearance > Widgets” to add the second image – it should end up looking just like that.

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

[igor ivanov]

Hi Tom!
I have read your answer, but did not understand which widget should I use to add second logo.

Thank you,
Igor

[Tom]

You can either use the “Image Widget” plugin (give it a search), or use a regular “Text” widget and add the image HTML:

<img src="URL TO YOUR IMAGE" alt="" />

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

[Ivaylo Popov]

Thank you for the reply, Tom. I don`t have success with header widget and alt tag code. Also I tried and “Image Widget” plugin, but result are awful. See a screenshot bellow.

Any other ideas or i just need to make site only with one logo on the left?

[Tom]

Is that text in the middle regular text or part of the image?

Why not create a full image with the two logos and text in the middle and use it as the header? That way it will be completely consistent.

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

[Ivaylo Popov]

This is the site title and site description. You second opinion is wise. My second idea also was to make header image with 2 logos and text. If i do this, do you think the text will look nice on every device? Also what is your advice about image size-some example pixels will be good start point.

Best,
Ivo.

[Tom]

As long as your text is large enough, it should look good (and consistent) on all devices.

Depends on your container width – 1300px is a safe width, and the height can be whatever.

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

[Ivaylo Popov]

Sorry for late response. Now site look exactly like a first image.

Thank you. GeneratePress theme and support are the best 🙂

[Tom]

Glad I could help! 🙂

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

[Author]

Posts