How do I make rounded corners in the collection?

[Smultronetshop]

Hi,

Hope you are well. Can anyone help me with doing rounded corners inside of the collection page? Basically how do I make the top corners rounded as the image above?

Here is the preview: https://z7toy7d1i3kny7du-67877634316.shopifypreview.com
You have to click on “kille” in the menu.

Cheers,

Johan

[TerenceKEANE]

Hi,

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I’ll help.

1. Navigate to the ‘Edit Code’ option in your theme settings, then search for ‘theme.liquid’ in the search bar.

2. Paste the following code below the ‘’ tag. Please refer to the attached screenshot for guidance.

.card--card .card__inner .card__media { border-top-right-radius: 40px; border-top-left-radius: 40px; }

Terence..