Return to previous page

Search,Cart and Wishlist icons color change

This topic has 2 replies, 2 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler

jedanbaja

Participant

October 19, 2017 at 11:22

Hi, i am using Variant vertical 2 for header, but for header background I put black color.
How to change icons colors that are in top header area (search,wishlist and cart) ?
Thanks,Goran

#175561 Copied Theme version: 4.9 WooCommerce version: 4.8.2

1 Answer

Rose Tyler

Support staff

October 20, 2017 at 09:11

Hello,

The color you may change in Theme Options > General > Header Settings > Header text color > White.
Thanks to your question, we were able to find a bug in the current theme version, that will be fixed in next theme version, until that, please set White color scheme and use this code in Theme Options > Styling > Custom css as a temporary solution:

.header-vertical2.header-color-white .hamburger-icon span:before, 
.header-vertical2.header-color-white .hamburger-icon span:after,
.header-vertical2.header-color-white .hamburger-icon span {
    background-color: #fff;
}
.header-center3.vertical-mod.header-color-white .navbar-header .et-wishlist-widget i, 
.header-center3.vertical-mod.header-color-white .navbar-header .shopping-cart-widget .cart-summ .shop-text,
.header-center3.vertical-mod.header-color-white .navbar-header .header-search .search-btn {
    color: #fff;
}
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-2 .cart-bag:before, 
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-3 .cart-bag:before, 
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-4 .cart-bag:before {
    color: #fff !important;
}
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-1 .cart-bag:before,
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-1 .cart-bag {
    border-color: #fff !important;;
}

Regards

#175609 Copied