Archived

This topic is now archived and is closed to further replies.

  • 0

Change Social Icon Colors


Question

Posted · Report post

Hi,

How can I change the color of the social icons to a uniform gray?

I actually like the rollover colors as they are, but want less distraction up there.

 

http://flagstonesearchmarketing.com/

 

Thanks

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi there,

 

The easiest way to make it less distracting would be to edit the opacity in the css for the icons. Fade them down a bit more in their normal state, so they go from really faded out to strong/full color when hovered over.

 

 

section-branding .icons a {
opacity:0.2 !important; }
 

 

The only way you'd be able to totally change the color that I can think of would be to actual upload grey scale versions of each icon and upload it to replace the icons in their normal state. They have the color versions set for the hover, that would be more work though etc.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi James,

That looks so much better.

Solved.

 

Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

You're welcome, glad it worked :-)

Share this post


Link to post
Share on other sites