Change the searchbox colors

Hello,
I would like to change le color of the fields when you hower the search icon but I couldn’t find where it was.
Can you help me please?
Thank you

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


.search-form input[type="text"]{
  background: #000; /*change field color*/
  color:white;/*change text color*/
  
}

/*change color of background*/
.search-form{
  background-color:black;
}

/*border hover color*/
.search-form input[type="text"]:hover{
  border-color:red
}

/*button color*/
.search-form button[type="submit"]{
  background:red;
  border:red
}

Best regards,
Support.

Thank you for your quick answer !

The problem that I had is fixed but I noticed that the custom css for the border hover color and the button color does not work.

I don’t need it now but I may need it later

Hey there,

Try using the !important rule on that line of CSS.

eg:

.selector{
border-color: #fff !important;
}

Best regards,
Support.