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.

[Author]

Posts