How do I change the color of my search bar to #D9D9D9?

Topic summary

A user seeks CSS code to change their search bar color to #D9D9D9. They later clarify wanting the outer search header in #D4D1D1 and the search bar/suggestions in #D9D9D9.

Proposed Solutions:

Two support responders provide similar approaches:

  • Navigate to Online Store → Themes → Edit Code
  • Locate the theme.liquid file
  • Add custom CSS code before the closing </body> tag

One responder includes a visual example showing the desired styling. The conversation includes screenshots and code snippets to illustrate the changes, though the actual CSS code appears corrupted or encoded in the thread text.

Status: The issue remains open with implementation guidance provided but no confirmation of resolution from the original poster.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.liquid file.

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


after that: