The default color of the default Shopify search bar is set to transparent. You might want to change the color properties of the Shopify search bar and this tutorial will help in doing the same.

  1. Log in to your Shopify admin panel.
  2. Go to online store->settings->themes->actions->edit code.
  3. Go to assets-> Open the theme.scss.liquid file.
  4. In the code file of theme.scss.liquid, search for “search-bar__input” around line 4557.
  5. Change background-color:transparent; to background-color:violet; (you can use any other color you want).
  6. Now the background color of your search bar must have changed to your desired color.

If you are looking for a simple drag and drop color editor for your Shopify search, you can sign up for expertrec’s Shopify custom search engine from here for as low as 9 USD per month.

muthali ganesh

Muthali loves writing about emerging technologies and easy solutions for complex tech issues. You can reach out to him through chat or by raising a support ticket on the left hand side of the page.

You may also like

Halloween sale is live! -1 Days 22 Hours 7 Minutes 58 Seconds left to get your free search!
Sign up