[Boris SParticipant]

Hi there!

I tried searching the forum, but I didn’t find any awnsers, so I made this topic. Is there any way to hide / delete the ‘hover’ (circles etc) effect on the social media icons with some CSS (or another way)? Thanks for all the help! Great theme!

With kind regards,

Boris.

[Boris SParticipant]

Sorry for the double post, but I’ve found this piece of code.

.x-social-global a + .tooltip {
  display: none !important;
}

This is removing the tooltip, and it’s great, but I also want to remove the circles popping up behind the social icons.

Thanks.

[ChristianModerator]

Hey Boris,

In the Customizer > Custom > CSS, please add the code below.

.x-social-global a:hover { display: none; }

Hope that helps. 🙂

[Boris SParticipant]

Hey there!

Thanks for your help, but the code isn’t working. It’s causing some bugs on the icons. I’ve added the code so you can take a look here: http://www.kubmin.com/ I would also like to not show the circle at all, even when the mouse isn’t on the social icons. Thanks for all your help! Awesome support 🙂

With kind regards,

Boris.

[RadModerator]

Hi Boris,

You could try this :

.x-social-global a:hover {
background-color: transparent!important;
}

Hope this helps.

[stephan gParticipant]

I tried these tips on cocozen.com to no avail… i just need to hide or change the rollover tool tips on the social icons.

So ideally the email icon will say “Email” as opposed to “RSS”.

any help would be greatly appreciated.

Thanks
Stephan

[RadModerator]

Hi Stephan,

Thank you for clarification 🙂

Hover tooltip’s text can’t be change unless you do hardcoding. But you can still hide it like this :

.x-social-global .tooltip {
display:none!important;
}

Cheers!

[Author]

Posts