Social media icons colors on Transparent Header

Hey bemodesign,

Thank you for the inquiry.

You can use this css code to adjust the color of the social icons.

#top .social_bookmarks_twitter a {
	color: skyblue;
}

#top .social_bookmarks_facebook a {
	color: blue;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
Try this css:

#top .social_bookmarks_facebook a:before {
	color: blue;
}
#top .social_bookmarks_facebook:hover a:before {
	color: white;
}
#top .social_bookmarks_instagram a:before {
	color: #a67658;
}
#top .social_bookmarks_instagram:hover a:before {
	color: white;
}
#top .social_bookmarks_linkedin a:before {
	color: #419cca;
}
#top .social_bookmarks_linkedin:hover a:before {
	color: white;
}

before scroll it looks like this:

and on hover it looks like this:

but since on scroll your header is black I don’t know what color you want for not on hover:

on scroll and hover looks good:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike