How can I change the search bar background color in Viola theme?

[Kate627]

We are using a paid theme, Viola and I cannot get the search bar background to change from transparent to white.

The theme is not currently published, so I am not able to share a link.

This is the code I was trying to use, found in the forums, but it is not working. I am pasting it in theme.liquid before /body. I know it says red, but I can change it to white once I get it to run. I just cannot get it to work.

div#predictive-search-results {
background: red !important;
}

[Guleria]

Use this css

.header__search .search__input {
    background: red;
}

[Kate627]

Got it, thank you! Is there any easy way to change the text color in that box?

[Guleria]

Use this css

.header__search label, .header__search svg {
    color: #fff !important;
    fill: #fff !important;
}
.header__search .search__input {
    background: red;
    color: #fff;
}

[Kate627]

Thank you so so much!!!