[Resolved] Individual hyperlinks for logos/ images in header

[Vikram]

Hi Tom,

I have been trying to install 3 separate logos / images (with 3 separate hyperlinks attached to them) on the Header on my website based on Generatepress theme .

I have tried using Jetpack image gallery and I got them aligned perfectly next to each other at the top right hand side of the page (in the header).

However, Jetpack gallery does not allow me to connect a separate hyperlink to each of the 3 logos 🙁

Is there any other way that I can do that in Generatepress ?

[Vikram]

Hi Tom,
Sorry for the trouble, I found this query which you resolved recently:
http://generatepress.com/forums/topic/making-widgets-adjacent-in-header/

I put 3 separate images through Jetpack images (with sepaarte hyperlinks)and was able to align them in the header. I put this code in CSS and it worked:)

However, every time I click on one of the logos, a dotted square appears in the place of caption just below the logo (i left caption blank as i did not want to have any). It stays till i refresh the site couple of times.

Could you please tell me how to make it go away ?

Thanks.

[Tom]

Can you link me to the page so I can take a look?

I’m guessing it’s your browser’s outline feature.

You can try this:

.site-header a,
.site-header a:visited,
.site-header a:hover {
      outline: 0;
}

[Vikram]

Hi Tom,

Thanks for your reply !

It worked 🙂
Issue is resolved.

Rgds.

[Tom]

Awesome! 🙂

[Author]

Posts