Sticky header font color

Hello,

How can I change the sticky header font colour?

I added this code to change the background colour

.whb-sticked .whb-row.whb-general-header {
background-color: #efefef;
}

Thanks.

Hello,

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

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

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

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

Remove the styles you do not need and set the colors you wish.

Best Regards

Thanks. Can you provide the code for the menu icon on mobile?

Hello,

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

/*sticky*/
body  .whb-sticked  .woodmart-burger-icon .woodmart-burger {
   color: red;
}
/*default*/
body .woodmart-burger-icon .woodmart-burger {
   color: green;
}

Best Regards

Hello there,
I have used this code but the sticky component of the shopping cart is not changing color on scroll
/*cart*/
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-icon {
color:orange;
}
body .whb-sticked .woodmart-cart-design-5 .woodmart-cart-number{
color: red;
background-color: yellow;
}
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-subtotal .amount {
color: red;

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area.

I will check and give you the code for the shopping cart. The shopping cart as I see has another class.

Best Regards

[Author]

Posts