How can I change the search bar color in the Dawn theme?

[jakegrieveson]

I need help changing my search bar, i want the search bar to be #D4D1D1, But the predictive search box to be #D9D9D9, what is some code to do this?

Theme:dawn

Website:desire-online.net

[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

[oscprofessional]

Hello @jakegrieveson 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.predictive-search {
    background: #D9D9D9 !important;
}