Jump to content


Photo
- - - - -

Change Social Icon Colors

social icons header

Best Answer James B† , 13 March 2013 - 04:06 AM

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.

Go to the full post


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 carlton†

carlton

    Advanced Member

  • DMS Subscriber†
  • 56 posts

Posted 13 March 2013 - 12:26 AM

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.

 

Please Login or Register to see this Hidden Content

 

Thanks



#2 James B†

James B

    Advocate

  • DMS Subscriber†
  • 5126 posts

Posted 13 March 2013 - 04:06 AM   Best Answer

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.

 

 

Please Login or Register to see this Hidden Content

 

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.



#3 carlton†

carlton

    Advanced Member

  • DMS Subscriber†
  • 56 posts

Posted 13 March 2013 - 04:29 AM

Hi James,

That looks so much better.

Solved.

 

Thanks!



#4 James B†

James B

    Advocate

  • DMS Subscriber†
  • 5126 posts

Posted 13 March 2013 - 04:36 AM

You're welcome, glad it worked :-)