Home › Forums › WoodMart support forum › Change search style of Header

Change search style of Header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 3, 2021 at 4:06 am #297237

    er_sushant
    Participant

    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.
    June 3, 2021 at 7:48 am #297308

    Aizaz Imtiaz Awan
    Keymaster

    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

    June 13, 2021 at 4:22 am #299419

    er_sushant
    Participant

    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.
    June 14, 2021 at 6:37 am #299560

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 4 posts - 1 through 4 (of 4 total)