Change color of search icon inside search bar without affecting the ones on header

Store Design
, ,
1

Hi,

I’m trying to change the color of my search icon inside the search bar at the top of the homepage to a darker one. At the moment, the color of the icon is the same as the search field background, which I have customized, as a result, the icon is not visible. Can anyone help me with this please?

Note: I only want to change the color of this search icon inside the search bar/field without affecting the others on the header please. Please see attached:

searchiconsearchbar.jpg
searchiconsearchbar.jpg1692×236 15.9 KB

headingicons.jpg
headingicons.jpg554×164 4.19 KB

2

Hi @peaches22 Please provide store URL ?

3

Do I need to remove the password first?

https://rubysambition.myshopify.com/

4

Please provide password.

5

Hi @saim007 , I’ve just sent you the password. Thanks!

6

Hi @peaches22 Just copy and paste below code into your theme.liquid file

Go to Online Store > Edit Code > find and open theme.liquid > find tag and above this tag paste below code-

Please let me know if works and mark as solve!

7

It works @saim007 :grinning_face: Thanks so much. Really appreciate it :blush:

8

Can someone help me with a similar item?