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?
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!

