Search-Bar Border Radius

Hello, I want to increase my search bar’s border radius.
I tried these codes at additional CSS but not worked for me.
1.
.woodmart-search-form input[type=”text”] {
border-radius: 50px;
}

2.
input.s.wd-search-inited {
border-radius: 50px !important;
}

These code is work when we change from inspect element, but after putting at additional css, border not changing.
Please send me the proper code. thanks.

Hello,

Please replace your Custom CSS with the following then check back.

.whb-header .searchform input[type="text"] {
    border-radius: 50px;
}

Regards.
Xtemos Studios.

Hello, yes, I forgot to try inline-block. Thank you so much for your help. One question,

Hello,

We are Glad that your issue has been Resolved.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts