change color border search bar

Hello,

as the title suggests, I would like to change the border color for the “search a product” bar in the header (Image).
Which CSS code should I add?

Thank you

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .searchform  input[type=text]{
border-color:red;}

body .searchform .search-by-category .input-dropdown-inner {
    border-left: 1px solid red;
    border-right: 1px solid red;
}

Replace the color as per your needs.

Best Regards

Hello,

the color of the border must be changed only in the product search. In this way it is also changed in the search for posts.
What is the appropriate css only for product research?

I should also change the color of the search icon. What is the css for this?

Thank you

Hello,

Please try this code, replace the provided one:

body .whb-general-header .searchform  input[type=text]{
border-color:red;}

body .whb-general-header .searchform .search-by-category .input-dropdown-inner {
    border-left: 1px solid red;
    border-right: 1px solid red;
}

Best Regards

[Author]

Posts