help with code for colors for icons

Highlighted
Excursionist
37 0 6

hello all ive been working on this code for a while now and I just want to finalize it 

what im working on is to have my header icons to be white on homepage and blue on all other pages i was able to do this with the menu button (burger.icon) but with cart icon im hvaing trouble getting roll over to work like with menu here is code im using for before what am i missing 

 

menu icon

}
/* if the theme has this...*/
.site-header__burger-menu div.icon-burger div.row {
    background-color: #00C6FF; /* light blue */
}
/* then you could ovverride that only on the homepage by prepending the .template-index class */
.template-index .site-header__burger-menu div.icon-burger div.row {
    background-color: #ffffff; /* white */
}

 

cart/social icons 

.template-index .header-meta svg path {
color: #ffffff;
fill: #ffffff;
stroke: white;  
-webkit-fill: #ffffff;
-webkit-stroke: white;
}


 what should I add to have hover over button work like the menu ?

0 Likes
Highlighted
Excursionist
37 0 6

look at inspector and this is css

 

.template-index .header-meta svg path {

color: #ffffff;

background-color: #00C6FF;

fill: #ffffff;

stroke: white;

}
0 Likes