How do I make featured collection borders unrounded?

Shopify Discussion

Topic summary

A user sought help removing rounded corners from featured collection borders on their Shopify store. An image showed product cards with rounded corners that needed to be squared off.

Solution provided:

  • Remove or modify CSS code in assets/custom.css
  • Specifically target the border-radius: 24px property in .card-wrapper .card and .card-wrapper .card .card__media selectors

Outcome:
The issue was successfully resolved, confirmed by a follow-up screenshot showing the product cards now display with square corners instead of rounded ones.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

withaudette_0-1743807213355.png
withaudette_0-1743807213355.png1326×539 46.9 KB

As you can see from this image, its currently rounded corners, how do i make it so that it’s not?

https://www.audette.store/products/blush-butter (code: test)

2

remove this code from assets/custom.css

.card-wrapper .card, .card-wrapper .card .card__media {
border-radius: 24px;

}

3

It seems like you have sorted this out.

95.png
95.png1307×528 43.4 KB

Thanks

1 Like