Reply To: Two header with different style

Hello,

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

Blog:

body.page-id-107 .whb-header .wd-tools-icon:before {
color:red;
}
body.page-id-107 .wd-tools-element .wd-tools-count {
    background-color: yellow;
    color: #FFF;
}
body.page-id-107 .wd-header-cart.wd-design-2 .wd-cart-number, 
body.page-id-107 .wd-header-cart.wd-design-5 .wd-cart-number {
    background-color: yellow;
    color: #FFF;
}
body.page-id-107  .wd-nav.wd-style-underline a:hover .nav-link-text {
    color: red;
}
body.page-id-107 .wd-nav.wd-style-underline a:hover .nav-link-text:after{
	background-color:red;
} 

Shop:

body.woocommerce-shop .whb-header .wd-tools-icon:before {
color:red;
}
body.woocommerce-shop .wd-tools-element .wd-tools-count {
    background-color: yellow;
    color: #FFF;
}
body.woocommerce-shop .wd-header-cart.wd-design-2 .wd-cart-number, 
body.woocommerce-shop.wd-header-cart.wd-design-5 .wd-cart-number {
    background-color: yellow;
    color: #FFF;
}
body.woocommerce-shop  .wd-nav.wd-style-underline a:hover .nav-link-text {
    color: red;
}
body.woocommerce-shop .wd-nav.wd-style-underline a:hover .nav-link-text:after{
	background-color:red;
} 

Please set the colors as per your needs.

Best Regards