[Resolved] allign images in the top bar

[EG]

I have three icons in the top bar using the image widget. How can I put one of them in the right, one in the middle and the third in the left?

[Leo]

Hi there,

It would be easier to just use the Before Header hook:
http://demo.generatepress.com/hook-locations/
https://docs.generatepress.com/article/hooks-overview/

Create columns then add the images as static images:
https://docs.generatepress.com/article/creating-columns/#using-built-in-unsemantic-grid

Give it a shot and let me know if you need more help on coding 🙂

[EG]

Thanks, Lea. I am new to web building, can you tell me exactly how to locate three images withing the hook, so that one is aligned right, second is right in the center, third is aligned left. I thik “Three unequal width columns” discussed in the bottom the https://docs.generatepress.com/article/creating-columns/#using-built-in-unsemantic-grid of page will suit me as the logo to be located in the middle is wider than the other two.

[EG]

Sorry, Leo. I got somehow the logos there, but they are spread throughout the width of the page. How can I contain them within the width of the main content?

[EG]

Another question, how can I change background color of the hook to white?

[EG]

The hook before header has different background colors depending on what page you’re on, I want them to have white background color on all pages.

[Tom]

Just checking this out and it looks like you got everything working? The images are within a container that matches your other containers, and the background color is white throughout the site.

Let me know if there’s something else there you need help with 🙂

[EG]

Thanks, Tom. Yes I got these working. Your answers given elsewhere were very useful.

[Leo]

Glad you got them working!

[Author]

Posts