Make Social Icon colors /colours correct

Support
#1

Hi, I’ve used this code on a few renew sites and it works great, but not on this integrity site I’m building now. I am trying to get each icon the correct colour instead of the link colours.

/*correct social media colours*/

.x-social-global a.facebook{
background-color:#3b5998}

.x-social-global a.twitter{
background-color:#00abf0}

.x-social-global a.google-plus{
background-color:#d84b35
}

.x-social-global a.linkedin{
background-color:#1a81ad}

.x-social-global a.xing{
background-color:#006567}

.x-social-global a.foursquare{
background-color:#0f6bb6}

.x-social-global a:hover.youtube{
background-color:#cc181e
}

.x-social-global a:hover.vimeo{
background-color:#44bbff}

.x-social-global a.instagram{
background-color:#3f729b}

.x-social-global a.pinterest{
background-color:#cd1f28
}

.x-social-global a.dribbble{
background-color:#ea4b8b
}

.x-social-global a.flickr{
background-color:#ff0084
}

.x-social-global a.behance{
background-color:#1769ff}

.x-social-global a.tumblr{
background-color:#36465d}

.x-social-global a.soundcloud{
background-color:#ff5500
}

.x-social-global a.rss{
background-color:#fe6e00
}

#2

Hi Lisa,

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.

Thank you.

#3

Sorry! Here you are
http://www.thebutterflyfx.net

thank you!

Setting social icon colours
#4

Hi Lisa,

Please update the codes like this:

.x-social-global a.facebook {
    color:#3b5998
}

.x-social-global a:hover.facebook {
    color:#fff
}

Hope this helps.

1 Like
#5

perfect! thank you so much!

#6

Glad we could help.

Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.