How to change the background color of the search bar

Ask the Community Customization
1

So glad this feature is live! Will there be a Custom CSS to change the background color of the search bar?

1 Like
3

Hi there, @Real_Academy :waving_hand:

Thank you so much for the feedback!

You can change the color of the search bar and filters on the Style tab:

image
image327×497 7.5 KB

image
image275×230 2.43 KB


In case, you wish to set a separate color for the search bar, this CSS code will do the trick :wink:

.es-search-container {
  background-color: red;
}