Help with Changing Background color of Footer Social Links

Posted in: Newspaper
Post count: 36
Andy
#75587
Oct 22, 2015 at 9:14 pm

Hi,

Please take a look at my website.I want to change the background color of each social Links in the footer.I added this code

.td-icon-facebook {
background-color : blue;
}

After adding this code I could see the changes in the social links of top menu instead of footer.Please help me with this.

Also since I am changing the background color of footer social links. When I hover over to the social links I want the social links to be displayed in White color instead of default color.Please help me with this

Thanks,
Anand

  • This topic was modified 10 years by Andy.
Post count: 22421
Bogdan B.
#75656
Oct 23, 2015 at 9:16 am

Hello Anand,

You need to be more specific with your css code. To target footer elements, you need to add a footer class to your code so it will target just the footer area:

.td-footer-wrapper .td-icon-facebook{
background-color:blue;
}

As for the hover, use this css to change the color:

.td-footer-wrapper .td-social-icon-wrap i.td-icon-twitter:hover, .td-footer-wrapper .td-social-icon-wrap i.td-icon-facebook:hover, .td-footer-wrapper .td-social-icon-wrap i.td-icon-vimeo:hover, .td-footer-wrapper .td-social-icon-wrap i.td-icon-vk:hover, .td-footer-wrapper .td-social-icon-wrap i.td-icon-youtube:hover {
color: white;}

Thank you!

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