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
.
