How to change color of the home page sticky menu slider?

hi there,

I need to change the home page sticky slider color from black to white. The same like in the shop page. shop page has white slider and black text

how can I do that?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

/*sticky background*/
body .whb-sticked .whb-general-header {
    background-color: green;
}
/*sticky main menu color*/
body .navigation-style-underline .item-level-0.current-menu-item>a{
color:yellow;
}
body .navigation-style-underline .item-level-0>a{
color:yellow;
}
body .navigation-style-underline .item-level-0>a{
color:orange;
}
body .navigation-style-underline .item-level-0>a:hover{
color:yellow;
}
body .woodmart-navigation .item-level-0.menu-item-has-children>a:after{
color:orange;
} 
body .woodmart-navigation .item-level-0.menu-item-has-children:hover >a:after{
color:yellow;
} 
body .whb-color-light .navigation-style-underline .item-level-0>a .nav-link-text:after {
    background-color: yellow;
}

/*My Account*/
body  .woodmart-header-links .item-level-0>a {
    color: orange;
}
body  .woodmart-header-links .item-level-0>a:hover {
    color: yellow;
}
/*Search*/
body  .search-button >a {
    color: orange;
}

body .search-button:hover>a {
    color: yellow;
}
/*wishlist*/
body .woodmart-wishlist-info-widget .wishlist-icon {
color:orange;
}
body .woodmart-wishlist-info-widget .wishlist-count{
    color: red;
	background-color: yellow;
}
/*cart*/
body .woodmart-shopping-cart .woodmart-cart-icon {
color:orange;
}
body .woodmart-cart-design-5 .woodmart-cart-number{
    color: red;
	background-color: yellow;
}
body .woodmart-shopping-cart .woodmart-cart-subtotal .amount {
    color: red;
}

Replace the colors as per your needs

Best Regards

[Author]

Posts