How do I change the color of the box containing the footer social icons?

Hi,

The hover is set in css for each button in particular. There is no option in the theme to change this behavior. It can only be changed with custom css code.

.td-social-style2 .td-social-icon-wrap:hover .td-icon-facebook{
background-color: grey;
}
.td-social-style2 .td-social-icon-wrap:hover .td-icon-instagram{
background-color:grey;
}
.td-social-style2 .td-social-icon-wrap:hover .td-icon-twitter{
background-color:grey ;
}
.td-social-style2 .td-social-icon-wrap:hover .td-icon-youtube{
background-color:grey ;
}

Change the colors in the code and then place it in the theme panel under the custom code section.

Thanks;

Hello,

I’m not sure I understand this right. You want to change the background for the whole social icons container when hovered over any of the icons? Please provide more details to what background do you want changed. Where?

Thanks.

Hello,
I thought http://ireggaenation.com/ was your site. The site you mention uses newsmag not newspaper. that is why you see different implementation. If you want to change the backghround effect, please use this code:

.td-social-icon-wrap:hover i.td-icon-facebook{
background-color: #3b5998;
color:white;
}

Thanks