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.
- 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.
Thank you, I have messaged you as this is sort of what I’m after but isn’t.
.search__input.field__input, #predictive-search-results {
background: white !important;
}
Can you try add this code @createdbylove
@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;
}
.search__input.field__input, #predictive-search-results {
background: white !important;
}
.search-modal__content {
background: #F0F0F0 !important;
}
.field__input:focus {
box-shadow: none !important;
}
@media only screen and (max-width: 600px) {
details[open] .modal-overlay:after {
top: 55% !important;
}
.search-modal__content {
height: 100px !important;
top: -35px !important;
}
}
