Change Background Color Of Search Bar Quick Result in Shopify Sense

Store Design
, , , ,
1

Hello.

I wanted to change the background color for the quick search results on the search bar because the text just blends with the background, therefore you can’t read what it says.

Can anyone please help me with what code I can add to my theme to address this concern? And if there’s a code, where do I add it specifically?

Your answers are much appreciated.

Thank you!

2

@GPCS

Please give me the store URL then i will able to help you.

3

My apologies, I can’t give out the store URL but you can see what I mean in the screenshot below.

Screenshot (6).png
Screenshot (6).png784×615 35.2 KB

4

Hi @GPCS ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Note: You can change color to fit your store

Hope my answer will help you.

Best regards,

Victor | PageFly

5

Hello.

Thank you for your reply to my post. I did as told but don’t see any changes. Do you know how to edit the color of the text in the predictive search bar instead?

Thank you.

6

Because I don’t have your site url, it’s hard to see in detail what items show up on it. You can try changing the background color with the code below:
7

This worked! Thank you so much for your help!

8

Hi, what is the code to change the color of the products names who are showing up on the search result ?