Change search style of Header
-
I wanted to change the search style as shown in this Retail demo. I am currently using default demo. How do i make the search form round and change the color for search icon background.
Attachments:
You must be
logged in to view attached files.
Hello,
I saw the screenshot you attached.
Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.
.searchform.wd-with-cat input[type="text"] {
border-radius: 30px;
}
.searchform .searchsubmit {
background-color: orange;
border-top-right-radius: 23px;
border-bottom-right-radius: 23px;
}
.searchform .searchsubmit:after, .searchform .searchsubmit img {
color: white;
}
Best Regards
This is the result i got after adding the custom css. The design is not yet as shown above.
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please send me the WP admin login details of your site so I will check and solve the issue on the site?
Best Regards.