Chenga border radius of search bar

How can I change the border radius to 8px for the search bar? I’ve already tried using border-radius: 8px; but it doesn’t give the desired effect, even if I add border: solid; it looks like there’s a rectangle inside. Can anyone help me?

https://pimpaobabyclothing.pt/

1 Like

@pimpaoclothing please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.search-modal__form .field:after{border-radius: 8px !important;}
.search__input.field__input{border-radius: 8px !important;}
1 Like

It work! Thanks. Now i need to do the same in this page: https://pimpaobabyclothing.pt/search?q=conjunto&options%5Bprefix%5D=last

Can you help?

@pimpaoclothing – it should be applied to all the pages

Hmm strange, it didn’t change on this one. Thanks anyway!