[juergenhoppeParticipant]

Hi Themeco.

How can I change the hover color of the circle behind Whatsapp social media icon?

I’m fine with the colors for Facebook and Google+, adding the following CSS under Appearance > Customize > Custom > CSS:

.x-social-global a:hover.facebook, .x-social-global a:hover.google-plus {
background-color: #000000;
}

Without success, I have tried:

.x-social-global a:hover.whatsapp {
background-color: #000000;
}

Please let me know what I can do! Thank you!
Jürgen

[ThaiModerator]

Hi There,

Thanks for writing in!

Please try following code instead:

.x-social-global a:hover.tumblr {
background-color: #000000;
}

Hope it helps.

[juergenhoppeParticipant]

That did it, thanks a lot!

But it also affects the Tumblr-Icon.

Can i use different colors?

[Prasant RaiModerator]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[juergenhoppeParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hi again,

Yes the same class is causing this problem, however you can fix it by adding the following code in your Customizer:

.x-social-global a:hover.tumblr:last-child {
  background-color: #4dc247;
}
.x-social-global a:hover.tumblr {
  background-color: red;
}

Let us know how this goes!

[juergenhoppeParticipant]

That did it! Thanks a lot.

[John EzraMember]

You’re most welcome!

[Author]

Posts