How can I make the search box corners rounded?

Store Design
1

hey,

does anyone know how to make the search box have rounded corners (10px)?

search box can be found on this page

https://parfumprobenshop.de/search?q=ji&options%5Bprefix%5D=last

shop: parfumprobenshop.de

pw: test1

thanks in advance

2

Hi @Drew23

Its Artzen Technologies! We will be happy to help you today.

You can make the search box borders round by adding the CSS:-

.search__input.field__input, .search-modal__form .field:after {
border-radius:10px !important;

}

This CSS will simply make the search bar with rounded corners.

If this solution helped you then please mark it as accepted.

Let me know if need further assistance
Regards,
Artzen Technologies

3

hey i tried your code but sadly it didnt work