Tagged: social media icons
Hi Team,
Quick question: I’ve tried the recommended css for the social media icon color to be visible at all times, however, it isn’t working for me. I’m assuming I’m missing something but not sure what it is. I’ve tried the Inspect Element and viewing my source code but cannot located the code to do this.
Here is what I’ve tried:
.responsive #top #header_meta .social_bookmarks li.av-social-link-facebook a {
background: #ffffff;
color: #37589b;
}
.responsive #top #header_meta .social_bookmarks li.av-social-link-facebook a:hover {
background: #ffffff;
color: #37589b;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b !important;
}
Hey msbllc,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hi Rikard,
Here is a link to the site in the private content.
Best,
Jared
Hi Jared,
I see your CSS being applied but it probably had some blank spaces in the beginning of it making the formatting wrong. If you should have the same problem again then please try pasting the code in a text editor to get rid of the formatting. You can try this in Quick CSS to see if it works:
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b !important;
}
Best regards,
Rikard
Thanks Rikard. I’m not sure what change but it seems to be working now. I appreciate you taking a look at it and offering your help!