Archived topic
When I hover over my navigation logo, I get a white background
6 replies · Started by Robert on May 30, 2017
I don't know why this is happening. Maybe it's just a simple setting that I missed. When I hover over the logo in the navigation, I get a white rectangle behind it when I shouldn't.
Any idea why this is happening?
Here is the site…
http://fitnessfrenzy.inspiringdev.ca
Thank you in advance.
That is very weird...It's doing it to the normal logo and navigation logo. Can't find where that's coming from in the code either.
I assume you've already tried reuploading the logos? If not maybe try disable all plugins? It's a long shot...
I'll try your suggestions and let you know what happens.
Looking at your page, it's coming from:
a:hover {
color: #fff;
background-color: #def;
}In http://fitnessfrenzy.inspiringdev.ca/wp-content/uploads/elementor/css/post-211.css
Seems like it's something from the Elementor plugin, perhaps something you set there?
@wekhter is right - that CSS is applied to ALL links on the site.
You should fix it so it's more specific, or you can do this:
.site-logo a:hover {
background-color: transparent;
}Thanks Tom,
That gives me a clue. I dont know where, but I must have applied the white background to my links. I'll look around the CSS for that otherwise I'll apply your fix.
Much appreciated.
Rob
No problem :)
