Social icons hover colour

Hey there warden_tramin,

This can be done by adding some custom CSS. The easiest way to do that, if your theme doesn’t already have custom CSS tab, would be to add it in your site using the following plugin

https://www.ads-software.com/plugins/simple-custom-css

Once the plugin is installed and activated you can add this code to Appearance >> Custom CSS:

.socials a:hover .socials-hover {
background-color: #1EC8BB !important;
}

Replace the color hex value (#1EC8BB) with the one of your choice. Normally I wouldn’t use the !important declaration; however, it can sometimes be a necessary evil when over-writing existing styles.

Best regards,
Bojan

Hello, can I remove the icons for social networks? I would like to use a plugin for that. Thank you! Pavel

Hey again Pavel,

Hope you’re well today!

Please try adding the following CSS:

div#sheader {
display: none;
}

This should remove the socials from your header.

Best regards,
Bojan

Hello and thank you, but sorry, I am a complete beginner and need more info – where is the CSS that I am supposed to modify, please? Thank you very much! I do not want to cause any damage…

Hey Pavel,

You should never modify theme core files. Since Nirvana has it’s own custom CSS tab the easiest way would be to insert the code there. It is located in Appearance >> Nirvana Settings >> Miscellaneous Settings >> Custom CSS.

Insert the code there and you socials should be removed.

Have a great weekend ??

Cheers,
Bojan

Hello, Bojan, so today I finally did the proposed change but the social icons are still on my web – you can see it on https://www.hlubinna-terapie.com. Is the code you recommended correct?

Do you have some other idea how to remove the icons? Sorry for bothering you again and thank you VERY MUCH! Pavel

Hey again Pavel,

The only social icons I can see are the ones on the right side of your site, see screenshot https://screencast.com/t/K8hmHJ2iumj so I guess it’s most likely just a caching issue.

Please try to clear browser cache and check for changes, alternatively you can check in other browser.

Hope this helps ??

Best regards,
Bojan

Hello, thanks for your time and effort, the icons are still there and I suspect that I must have some error in the code that I have inserted. I will probably leave the icons there for now, I am not able to do anything with it… Have a nice day! Pavel

Hey again Pavel,

Not sure what you mean, Are you referring to the icons in the top header? If yes, I just checked it again and all I could see is a white line in the top.

Could you please provide a screenshot?

Best regards,
Bojan

In Nirvana you don’t have to edit CSS to change the social media icon colors. Go to Appearance/Nirvana Settings/Color Settings…there is a choice there to select the color of those icons.

Additionally, to simply remove the icons, remove the links in Appearance/Nirvana Settings/Social Media… (if there is no link, remove the #) Or just unclick the Social Display locations set in that same screen.

Save!