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

[ZBK]

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.

[laddisahsi]

Hi @ZBK 

Can you please share store url?

[ZBK]

Thank you for your reply. My store URL is: 

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

okandcologin*

Thank you 

[laddisahsi]

@ZBK 

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

Remove stroke: #000 !important;  code

like this

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

Laddi

[ZBK]

Hi Laddi,

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

[Moeed]

Hey @ZBK 

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

Best Regards,
Moeed

[ZBK]

Hi Moeed,

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

okandcologin*

Thank you. 

[Moeed · Accepted solution]

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 </body> tag

<style>
svg.icon.icon-search {
    color: black !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[ZBK]

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! 🙂 

[ZBK]

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 

[ZBK]

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 🙂