CHANGE COLOR OF HEADER ICONS TO WHITE IN DAWN 3.0 THEME

[CNatural]

Hello! I have tried EVERYTHING it seems and nothing is working. I want to change the header icons to white. Currently they are black and it looks terrible: 

I looked at other threads and have tried adding multiple codes to the base.ccs file, etc. and nothing has worked. ANY HELP IS GREATLY APPRECIATED!! 

My store URL is: www.chickysnatural.com

[Sheesh_b]

Hi @CNatural 

Paste this css at bottom of base.css

header__icons .header__icon .icon, * * {
	color: #fff;
}

[CNatural]

Hi @Sheesh_b, that didn't work either.

Could you take a look at my store code and fix it for me? I've tried everything and for some reason nothing works.

[KetanKumar]

@CNatural oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

header__icons .header__icon .icon, * * {color: #fff !important;}

[CNatural]

Hi @KetanKumar that didn't work either 😞 Not sure what to do. Nothing is working. 

[CNatural]

@KetanKumar @Sheesh_b I just realized that the code is working BUT it's working only for mobile and not for DESKTOP! The icons are still black on desktop view. Can you provide me with code for it to show white on DESKTOP also?

[Sheesh_b]

Hi @CNatural 

Mobile working

Desktop also is working

Can you show the website after adding above css.

[CNatural]

@Sheesh_b Unfortunately, it's turning other elements in my page to white also: 

Is there a code so that it works without doing this? 

 

[Sheesh_b · Accepted solution]

Hi @CNatural 

Go to base.css under assets and find the code on line 2781

and just remove

* {
	color: #000;
}

Remove it carefully and check the enclosing tags.

This will surely solve your issue, finally.

[CNatural]

Thank you so much @Sheesh_b! I really appreciate it!!!!

[KetanKumar]

@CNatural 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like