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

[jakegrieveson]

I need help changing my search bar color, i would like it to be #D9D9D9, What is some code to this

theme: dawn

Website: desire-online.net

[Artzen_tech]

Hello @jakegrieveson 
Its Artzen Technologies! We will be happy to help you today.

You want like this:

Let me know if need further assistance
Regards,
Artzen Technologies

[jakegrieveson]

i would like the outer search header to be #D4D1D1, and the actual search bar and search suggestions to be #D9D9D9.

[Artzen_tech]

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

<style>
.search__input.field__input {
    background: #d9d9d9;
}
div#predictive-search-results {
    background-color: #D9D9D9 !important;
}

.search-modal.modal__content.gradient {
    background-color: #D4D1D1 !important;
}
</style>

after that:

[vpsbohra]

Hi @jakegrieveson 

You can follow the following steps:

1. Please go to the Online Store.
2. Then Edit Code.
3. Please find the theme.liquid file.
4. Please add code before closing the tag </body> tag.

<style>
div#predictive-search-results {
    background-color: #D9D9D9 !important;
}

.search-modal.modal__content.gradient {
    background-color: #D4D1D1 !important;
}
</style>

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

Laddi