Home › Forums › WoodMart support forum › How to make search bar square to round in shape

How to make search bar square to round in shape

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 21, 2021 at 12:01 am #284853

    shadestech
    Participant

    How to make search bar square to round in shape

    April 21, 2021 at 8:51 am #284978

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    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: 25px;
}

    Regards.
    Xtemos Studios

    April 22, 2021 at 1:39 am #285291

    shadestech
    Participant

    thank for you help plaese tell me how to reduce its width of search form also

    please provide some main custom css code list and how to write custom css code it will help me better to build and not bothering you again and again

    April 22, 2021 at 5:40 am #285312

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    Please navigate to Woodmart > Header builder http://prntscr.com/iyd2pe

    Choose the proper header type (your current) http://prntscr.com/iyd333

    Add the spaces on both sides http://prntscr.com/l02nz7

    And Sorry it is not possible for me to send the list of all Custom CSS. You can search in the forum for relevant topics otherwise you can create new topics.

    Best Regards.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)