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


  • Please log in to reply
3 replies to this topic

#1 carlton

carlton

    Advanced Member

  • Members

  • 56 posts
  • LocationAlabama
  • Country: Country Flag

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

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

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

  • Members

  • 56 posts
  • LocationAlabama
  • Country: Country Flag

Posted 13 March 2013 - 04:29 AM

Hi James,

That looks so much better.

Solved.

 

Thanks!



#4 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 March 2013 - 04:36 AM

You're welcome, glad it worked :-)







Also tagged with one or more of these keywords: social icons, header