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.
Thanks
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
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.
Thanks
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.
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.
Posted 13 March 2013 - 04:29 AM
Hi James,
That looks so much better.
Solved.
Thanks!
Posted 13 March 2013 - 04:36 AM
You're welcome, glad it worked :-)
PageLines Framework →
Customizations →
Header Css Selector problemStarted by helvetik_a , 17 Jun 2013 |
|
|
||
How to set logo right and social icons left?Started by catpage , 03 Jun 2013 |
|
|
||
PageLines Framework →
Customizations →
Several minor customizations. Properly described and illustrated.Started by victorypug , 01 Jun 2013 |
|
|
||
General →
Off Topic →
How to add code under header imageStarted by nomadcapitalist , 01 Jun 2013 |
|
|
||
PageLines Framework →
Customizations →
Different headerStarted by nandorj78 , 29 May 2013 |
|
|