Social Media Icons color and size on footer

Hashizume · July 2017

Hi!

I cannot find where to change the color of the social media icons on the footer and I would like to know if it is possible to increase their size.

Currently the social media icons are white and barely visible.

http://www.axxissolutions.com/

Thank you for the help in advance.

Regards,

Hash

rigogs · July 2017

Got this bit of code from support for Top Right SM icons and figure out footer SM icons form there. My question is how do we change SM icon colors without loosing the cool color fade transition?

/* Change SM icon size Top */

#Action_bar .social li i {

font-size:30px !important;

color: #000 !important;

}

/* Change SM icon size Footer */

#Footer .social li i {

font-size:30px !important;

color: #000 !important;

}

Bryan · July 2017

Hi,

but you do not have any social media icons in your footer.

thanks

rigogs · July 2017

Here is the link to website http://sportclips.pinnaclepeo.com/

note: currently do not have "color: #000 !important;" implemented for SM in Action Bar--that color transition is nice and left it off until you let me know... Thank you.

Bryan · July 2017

Just change the color of <a> not the <i>, the transition is set on the a element and it has nothing to do with the color.

#Action_bar .social li a {
	color:red !important
}

rigogs · July 2017

so that did same as my earlier <i> footer edit but in color red--transition is not working--even added trailing semicolon after !important; and its solid red--could you take a look... TKX

Bryan · July 2017

Always change the <a> if you want the transition, not the <i>

rigogs · July 2017

This is the code for social media on top and its just solid red--no transition--thanks for your help:

/* Change SM icon size Top */

#Action_bar .social li i {

font-size:30px !important;

}

#Action_bar .social li a {

color:red !important;

}

Bryan · July 2017

Set the !important to the :hover as well.

#Action_bar .social li a:hover {

color:red !important;

}

rigogs · July 2017

you are the man--thank you sir--works flawlessly!

Hashizume · July 2017

Thanks!

Social Media Icons color and size on footer

Comments

This website uses cookies