Home › Forums › WoodMart support forum › Search box style

Search box style

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 2, 2021 at 5:19 am #297000

    Zellsaint
    Participant

    Hi!

    Would it be possible to change the design of the search bar by adding rounded corners?

    Thanks.

    June 2, 2021 at 8:02 am #297035

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please share the site URL and screenshot of your issue, so I will check and give you the custom CSS code for thi.

    Best Regards.

    June 2, 2021 at 7:53 pm #297180

    Zellsaint
    Participant

    There You have the screenshot but website is in manintenance mode.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    June 3, 2021 at 6:11 am #297257

    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 input[type="text"] {
    border: 1px solid #777;
    border-radius: 20px;
    padding-left: 15px;
}

    Best Regards.

    June 6, 2021 at 10:32 am #297917

    Zellsaint
    Participant

    Thanks, It works perfectly.

    Can a background be added to the inside of the search engine as if it were a veil?

    Thanks.

    June 7, 2021 at 6:09 am #298018

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    To change the background Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .searchform input[type="text"] {
    background: red;
}

    Regards.
    Xtemos Studios.

    June 9, 2021 at 5:10 am #298528

    Zellsaint
    Participant

    Hello,

    Thanks for the information. Is it posible to ad personalized colours instead of the normal one like red or grey?

    Thanks!

    June 9, 2021 at 7:37 am #298570

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    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"] {
    background-image: linear-gradient(red, grey);
}

    Best Regards

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