Social Icon Color change

Dear Sir, i want to change my social icon color Black to white http://prntscr.com/ixtl3c and i also apply hover color on social icon and wishlist and custom link in top bar.can i change size of social icon and i have one more question my main menu background color is red. http://prntscr.com/ixto1o but when its go to sticky header then its color is black like this screenshot http://prntscr.com/ixtot7
i am using header builder , tell where i change sticky menu background color
please gave me custom css. i am using header builder awaiting your kind reply

Hello,

Thank you very much for choosing our theme and contacting us.

1/ In order to change the social icon color Black to white you will need to Woodmart > Head builder http://prntscr.com/iyd2pe and choose the proper header type (your current) http://prntscr.com/iyd333

2/ Enter the editing mode of a row in the Header http://prntscr.com/iyfh9u and set the “light” or “dark” color scheme http://prntscr.com/iyfib5 As you see from the screenshot you will able also to set the background for the header.

Take into consideration that there is also the mobile view of your header http://prntscr.com/iyd3v3 check all the elements there.

3/ Add this CSS code to Theme Settings > Custom CSS > Desctop

.woodmart-social-icons.icons-size-default .woodmart-social-icon i {
    font-size: 18px;
}

Change the value to increase social icons.

4/ Try this CSS code to change color on hover for Whishlist

.woodmart-wishlist-info-widget>a:hover{
colro: #f9f9f9f;
}

Change #f9f9f9f for color you need.

If CSS code is not workable, make all the modifications in the header and contact me with admin access.

Best Regards

[Author]

Posts