Change color of social icons

mrhoni · April 30, 2015

If you go to my website, at the bottom are my social icons. They are currently using the accent color.
I would like to move them to the left side bar but using the accent color they are not visible.

I would like to set the hex code for the color such that when they are placed on the left side bar, it looks as if the 2 colors of the icon have flipped color from the circle and the icon itself.

Hikin' Mike · April 30, 2015

Try this, once you've moved the icons:

/** 
* Social Media Icon Colors
************************************************/
.sm-user-ui .sm-page-widget-social-links a{
    color: rgba( 236, 232, 210, .75 )
    }
.sm-user-ui .sm-page-widget-social-links a:hover{
    color: rgba( 236, 232, 210, 1 )
    }

mrhoni · April 30, 2015

Thanks, that worked. I just changed what you provided for color from rgba to the hex value I use.

Change color of social icons

Comments