How can I radius all product borders and buttons in the wa_rehouse theme?

[AndreasH3107]

Hey all,

www.freshfoodmart.com.au

I am using the wa_rehouse theme and want to radius all corners to 10px. Ive seen a few threads for curving the add to cart buttons but i also want to radius the borders of the product tiles/collection blocks.

Please and thankyou!

[Dan-From-Ryviu]

Hi @AndreasH3107

Could you explain more about “radius the borders of the product tiles/collection blocks”? explain by image maybe is more clearly

[AndreasH3107]

the grey outline on product tiles and also the featured tiles

and also the main search bar

[AndreasH3107]

by radius i mean - to curve the corners from and round them off

[Dan-From-Ryviu]

Go to your Online store > Themes > Edit code > open theme.css or theme.css.liquid, add those code at the bottom

.search-bar__submit {
    border-radius: 0 10px 10px 0 !important;
}
.product-list:before,
.search-bar__top {
    border-radius: 10px !important;
}

[AndreasH3107]

amazing thankyou!

[Dan-From-Ryviu]

You are very welcome, @AndreasH3107