How do I make rounded corners in the collection?

Smultronetshop
Excursionist
26 0 4

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? 

Screenshot 2024-04-03 at 13.03.39.png

 

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

 

Cheers,

Johan 

Reply 1 (1)

TerenceKEANE
Shopify Partner
417 75 70

 

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 '<head>' tag. Please refer to the attached screenshot for guidance.

 

shopify.js.jpg

 

<style>



.card--card .card__inner .card__media {

    border-top-right-radius: 40px;

    border-top-left-radius: 40px;

}

 

</style>

 

 

Terence..

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you. --> Our Website
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites