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: [Screen Shot 2022-07-17 at 5.13.14 PM.png] I looked at other threads and have tried adding multiple codes to the base.ccs file, etc. and noth…

Hi @CNatural Go to base.css under assets and find the code on line 2781 [Sheesh_b_0-1658315205327.png] and just remove * { color: #000; } Remove it carefully and check the enclosing tags. This will surely solve your issue, finally.

Hi @CNatural Paste this css at bottom of base.css header__icons .header__icon .icon, * * { color: #fff; }

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.

@CNatural oh sorry for that issue can you try this code Go to Online Store->Theme->Edit code Asset->/base.css ->paste below code at the bottom of the file. header__icons .header__icon .icon, * * {color: #fff !important;}

Hi @KetanKumar that didn’t work either :disappointed_face: Not sure what to do. Nothing is working.

@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?

Hi @CNatural Mobile working [Sheesh_b_0-1658172469960.png] Desktop also is working [Sheesh_b_1-1658172513921.png] Can you show the website after adding above css.

@Sheesh_b Unfortunately, it’s turning other elements in my page to white also: [Screen Shot 2022-07-18 at 7.04.42 PM.png] Is there a code so that it works without doing this?

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

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

Change color of header icons to white in dawn 3.0 theme

Store Design

Sheesh_b July 18, 2022, 7:29pm 7

Hi @CNatural

Mobile working

Desktop also is working

Can you show the website after adding above css.

Topic		Replies	Views
how to make this color main menu and icons into white Store Design customizations , collection-page , shopify-themes	5	46	April 12, 2023
How to change header icons color Shopify Discussion	16	225	January 9, 2023
Changing header icons and navigation menu color in mobile version only - Dawn Store Design menu , design	5	46	December 15, 2022
Background Color Change and Icon Color Change Store Design	2	57	June 2, 2023
DEBUT THEME: Change header to all black and text set to white? Store Design	5	57	July 4, 2021

Change color of header icons to white in dawn 3.0 theme

Related topics