Search box style

Hi!

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

Thanks.

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.

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

Thanks

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

Best Regards.

Thanks, It works perfectly.

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

Thanks.

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.

Hello,

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

Thanks!

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