Tagged: enfold, social media icons
Prefer to have the normal and hover states reversed for the social media icons in the top bar. Looked around forum but didn’t see anything regarding this. Thanks in advance for any assistance!
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,
How to change the color of social icons just on a transparent header? please
Thanks
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
Hi Ismael,
Sorry, I work in a local. In transparency options, I changed the color of the menu but the social icons are gray. I would like to have the same color if possible.
Thanks!!!
Thanks Ismael…that worked!! Have a great day!