Return to previous page

Where can I change header icon color - by wilson-legros

This topic has 6 replies, 2 voices, and was last updated 8 years, 3 months ago ago by Olga Barlow

wilson-legros

Participant

October 10, 2016 at 09:01

Hello,

http://i1376.photobucket.com/albums/ah34/wilson-legros/Xstore/2016-10-09_225739_zpsrszluxos.jpg

I had a look in posts allready existing and read that header icon color can be changed in custom CSS.
I installed “engineer” demo and looked in custom CSS but I didn’t find anything about these icon’s color.
Can you help please ?

Thank you,
Best regards,
Wilson

#142074 Copied

5 Answers
Olga Barlow

Support staff

October 10, 2016 at 10:49
Hello,

To change color of icons in additional header area go to Theme Options > Header Settings > Header custom HTML and change the color http://prntscr.com/cs04er
Cart icon color depends on active color. To change the cart icon color add the following code in Theme Options > Styling > Custom CSS
```
.header-standard .ico-design-1 .cart-bag {background-color: red !important;}
.header .cart-bag:before, .header-standard .cart-bag {border-color: red !important;}
```
Regards
#142111 Copied
wilson-legros

Participant

October 10, 2016 at 15:40

Thank you Olga.

To change the cart icon color, this code in custom CSS works fine for Header type “variant standart“.
But mine is Header type “double menu” and here is how it looks :

http://i1376.photobucket.com/albums/ah34/wilson-legros/Xstore/2016-10-10_163308_zpstabgyiiw.jpg

Do you have a better code for Header type “double menu” ?

Thank you,
Regards,
Wilson

#142189 Copied
Olga Barlow

Support staff

October 11, 2016 at 09:09
Hello,

If you use this type of header then use the following code:
```
.header-standard .ico-design-1 .cart-bag {background-color: red !important;}
.header .cart-bag:before, .header-standard .cart-bag, .header .cart-bag {border-color: red !important;}
.header.navbar-header .shopping-container.ico-design-1.ico-bg-no .badge-number {color: red !important;}
```
Regards
#142251 Copied
wilson-legros

Participant

October 11, 2016 at 10:36

Hi Olga,
Very good, and very nice ^^
Thank you again.
Best regards,
Wilson

#142261 Copied

Olga Barlow

Support staff

October 11, 2016 at 10:59

You are welcome!

Regards

#142264 Copied
Viewing 6 results - 1 through 6 (of 6 total)