Want to give your Shopify store a modern and sleek look? This quick tutorial teaches how to add rounded corners to your product cards. No coding experience is necessary! We’ll show you a simple step-by-step guide using custom CSS.

Key points covered in this video:

• Understanding border-radius: Learn what border-radius is and how it works.
• Finding the right CSS file: Discover where to locate the CSS file responsible for your product cards.
• Adding the CSS code: Watch as we demonstrate how to add the correct CSS code to achieve rounded corners.
• Customizing the look: Explore options for adjusting the radius and other styling elements.

Benefits:

• Enhanced Visual Appeal: Rounded corners create a more modern and polished look for your product cards, making your Shopify store more visually appealing to customers.
• Improved User Experience: Rounded corners can provide a more comfortable and intuitive browsing experience for visitors.
• Increased Professionalism: A well-designed store with consistent elements like rounded corners can enhance your brand’s professionalism and credibility.

<style>
.card__media, .card__inner  {
      border-radius: 25px !important;
    }
</style>

Follow along and elevate your Shopify store’s design today!