How to change the hover color on the social networks icons in footer?

Posted in: Newspaper
Post count: 4
OblivionX
#151191
Jan 4, 2017 at 2:37 pm

Hi the default Dark theme social network icons in the footer are a gradient of color from black to blue – how do I change the hover color to yellow – I tried in footer color settings but there is no hover color options…where is it located? Its not the Footer Hover Menu color as per the screenshot….

Please see this link for screenshot of my settings:
Screenshot

  • This topic was modified 9 years by OblivionX.
  • This topic was modified 9 years by OblivionX.
Post count: 20685
Simion C.
#151221
Jan 4, 2017 at 4:02 pm

Hi,

There is no setting for this, but you can try this code, just enter it in Theme Panel->Custom Css

.footer-social-wrap .td-social-icon-wrap i:hover {
color: yellow;
}

The result – http://screencast.com/t/mX2XwxfaR6
Please let me know if this is not what you wanted or it is not working for you.

Thanks

Post count: 4
OblivionX
#151281
Jan 5, 2017 at 2:29 am

Hi thanks this worked – however the yellow color is not correct –
What is the code to modify it to this specific yellow color: #d6ae00

Post count: 4
OblivionX
#151329
Jan 5, 2017 at 10:21 am

Hi thanks this worked – however the yellow color is not correct –
What is the code to modify it to this specific yellow color: #d6ae00

Post count: 20685
Simion C.
#151372
Jan 5, 2017 at 12:35 pm

Hi,

You just have to change the color to the new one, in the previous code like this

.footer-social-wrap .td-social-icon-wrap i:hover {
color: #d6ae00;
}

Thanks

Post count: 4
OblivionX
#151456
Jan 5, 2017 at 5:33 pm

Oh thank you so much 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.