Social Media icons in color and gray on hover

Hey rbdstudio!

Can you post the link to your website so we can take a look which social icons you are using to provide you custom CSS code?

Regards,
Yigit

Hi!

Please add following code to Quick CSS in Enfold theme options under Styling tab

top .social_bookmarks_linkedin:hover a {
color: #419cca;
background-color: transparent;
}
top .social_bookmarks_linkedin a {
color: white;
background-color: #419cca;
}
#top .social_bookmarks_facebook:hover a {
color: #37589b;
background-color: transparent;
}
#top .social_bookmarks_facebook a {
color: white;
background-color: #37589b;
}
#top .social_bookmarks_gplus:hover a {
color: #de5a49;
background-color: transparent;
}
#top .social_bookmarks_gplus a {
color: white;
background-color: #de5a49;
}
#top .social_bookmarks_twitter:hover a {
color: #46d4fe;
background-color: transparent;
}
#top .social_bookmarks_twitter a {
color: white;
background-color: #46d4fe;
}
#top .social_bookmarks_youtube a {
color: #fff;
background-color: #a72b1d;
}
#top .social_bookmarks_youtube:hover a {
color: #a72b1d;
background-color: transparent;
}

Best regards,
Yigit

Hi!

@youyou78: Can you please post the link to the website?

@rbdstudio: Use this for the linkedIn icon:

#top .social_bookmarks_linkedin a {
color: #fff;
background-color: #419cca;
}

#top .social_bookmarks_linkedin:hover a {
color: #419cca;
background-color: transparent;
}

Best regards,
Ismael