Changing Footer Social Icon Colour and Hover Colour

Posted in: Newspaper
Post count: 10
Alok_Mishra25
#98940
Mar 8, 2016 at 7:52 am

Please help me with this. Nowhere I am seeing the option to change the social icon colours and hover colours for them in the footer of my theme. I have successfully done the same for my top menu. Please help me with the footer options.

Thanks
Alok

Post count: 23312
Catalin
#99016
Mar 8, 2016 at 1:23 pm

Hello Alok_Mishra25,

If you want to change the background-color and the hover color for your social icons fro the footer section, you have to use a bit of CSS code to do that. Please the code below and place it in Theme panel->Cusotm CSS area and the result you should see here -> http://screencast.com/t/k0JR4t3nV1

The code is ->

.td-icon-font {
background-color:green!important;
}
.td-social-icon-wrap i:hover {
color: blue!important;
}

If is not what you mean, please provide more details.

Thank you for the message!

Post count: 10
Alok_Mishra25
#99029
Mar 8, 2016 at 1:45 pm

Thanks for the reply, Catalin!
The hover colour has been solved. Can I also change the static colour of those icons? I want them to remain black in the footer area and on hover – red. You have solved the hover problem. Please give me some code for the static colour also.

Thanks for the support,
Alok

Post count: 23312
Catalin
#99047
Mar 8, 2016 at 2:41 pm

Hello

If you want to change the static color for the social icons from the footer section, please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-social-icon-wrap .td-icon-font {
color:red;
}

Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.