The account, search and cart icons on my website are not all the same colour. How can I change?

Store Design
1

Hi everyone.

The account, search and cart icons at the top of my home page are not all the same colour. 2 are black and the other is white. How can I make them all white or all black? I’ve tried but can’t seem to figure this out.

Thanks everyone.

2

Hi @ZBK

Can you please share store url?

3

Hey @ZBK

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

4

Thank you for your reply. My store URL is:

ok-and-co.myshopify.com and the password, if needed is

okandcologin*

Thank you

5

Hi Moeed,

My store URL is: ok-and-co.myshopify.com and the password, if needed is

okandcologin*

Thank you.

6

Hey @ZBK

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1697454060220.png
Moeed_0-1697454060220.png1897×888 187 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
7

@ZBK

Go to the header.liquid file or icon-user.liquid file

Remove stroke: #000 !important; code

laddisahsi_0-1697454013558.png
laddisahsi_0-1697454013558.png1439×754 354 KB

like this

laddisahsi_1-1697454083358.png
laddisahsi_1-1697454083358.png1439×803 338 KB

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

8

Hi Laddi,

Thanks for your help. Unfortunately all this did was remove the account icon. Thanks though :slightly_smiling_face:

9

Thank you Moeed - this worked perfectly!

I really appreciate your time and help.

Thank you - I’ve been trying to figure this out myself for months! :slightly_smiling_face:

10

Hi @Moeed ,

I’m wondering if you could please help me further? Now that this has been fixed, when I look at my website on my phone, it shows the ‘hamburger’ icon for the menu list, and this is showing in white but all the other icons are now black so it looks out of place. Do you know how to resolve this?

Thank you so much. Sorry to bother you.

Zo

11

Also @Moeed , I know that I’m not paying you for this so I’m mindful of taking up too much of your time, but I wondered if there was another thing you may know the solution to. Another thing I’ve been trying to fix for months but can’t.

On my home page when you scroll down you go past the yellow section showing a diagram of our nappy, and then between that yellow section and the green ‘how does it work’ section there’s this white “gap” that sits between them that I can’t get rid of. No other sections have it and I’m not sure what to do. Any chance you know how to fix this so there’s no white gap? Thank you :slightly_smiling_face: