How to change the search backcolour from pink to a different colour but keep menu header pink.

[createdbylove]

Hiya, could someone please help me out? How can I change the search button colour to a different colour and not pink. I've changed my menu colour to pink which has change the search bar to pink and I didn't want the search bar that colour just the header menu.

 

[BSS-TekLabs]

- Here is the solution for you @createdbylove 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.search__input.field__input {
    background: white !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[createdbylove]

Thank you, I have messaged you as this is sort of what I'm after but isn't.

[BSS-TekLabs]

.search__input.field__input, #predictive-search-results {
    background: white !important;
}

Can you try add this code @createdbylove 

[BSS-TekLabs · Accepted solution]

@createdbylove  if you want like this. you can try this code

.search__input.field__input, #predictive-search-results {
    background: white !important;
}
.search-modal__content {
     background: #F0F0F0 !important;
}

[BSS-TekLabs]

.search__input.field__input, #predictive-search-results {
    background: white !important;
}
.search-modal__content {
     background: #F0F0F0 !important;
}
.field__input:focus {
 box-shadow: none !important;
}

@createdbylove 

[BSS-TekLabs]

@media only screen and (max-width: 600px) {
details[open] .modal-overlay:after {
    top: 55% !important;
}
.search-modal__content {
    height: 100px !important;
    top: -35px !important;
}
}

@createdbylove