Tagged: header, social media icons
Hi, I want to social media icons in my header to be permanently coloured as if hovered over; I tried the solution suggested by this thread: https://kriesi.at/support/topic/permanent-social-media-icon-colors/ but it didn’t work. I am using a child theme, don’t know if that makes a difference?
Thanks!
Hey cvanwilder,
Could you provide us with a link to the site in question so that we can take a closer look please? What colour would you like them to be and in what state?
Regards,
Rikard
Hi Rikard,
The link to the site is below in the private content box.
I want them to be the colour they are when hovered over (blue for Facebook, red for google+ etc) but permanently (ie not just when hovered over).
Thanks!
Coralie
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}
Cheers!
Yigit
Perfect thanks Yigit!!