Services icons – diable the hover blue color

Hey,

What blue color change? Can you post a link to your website so I can see it?

Hi Vlad, thank you so much for your fast reply.

Sorry, yes, here is a link: https://bennu-solar.com/

When the mouse hover on the services icons the color changes to blue.

I hope to disable that hover color change since users expressed it confuse them — thinking they can click the icon (blue=click me usually..)

Thank you so much again, and just let me know if I can further clarify.

Moesia is amazing!!

I belive you’re using the Addthis plugin? That’s causing the issue because it uses the same classname as the icon. In order to keep that plugin and solve the issue you need to add this to a custom CSS plugin or child theme:

.service-icon:hover {
      background: #ff6b53;
}

Hi Vlad, thank you so much for your fast reply.

Sorry to further trouble you, I’ve added that.. but still get that blue color when mouse hovering the services icons..

Indeed, I’m using the AddThis plugin.

Would you have any thoughts on how to solve this?

Thank you so much again, Vlad. I appreciate your attention and efforts.

The css from the Addthis plugin ovewrites the one from your custom CSS plugin. Use it like this please:

.service-icon:hover {
      background: #ff6b53 !important;
}

Vlad, you’re a magician!! Works perfect, and your response time is in a league of itself.

Thank you so much. Thank you.