How to make product grid with rounded corners - stiletto theme -

Topic summary

A user wants to add rounded corners to their product grid in the Stiletto Shopify theme, currently displaying square boxes. They provided comparison images showing the desired rounded corner effect.

Solution Provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code above the </body> tag
  • The specific CSS code was shared via screenshot but isn’t visible in the text

Additional Finding:

  • Another user discovered that image aspect ratio must be set to “natural” for the rounded corners to apply consistently across all products

Current Status:

  • Original poster confirmed the solution worked
  • Follow-up questions emerged about accessing the code, with ongoing troubleshooting for other users attempting the same customization
Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
  • stiletto theme -

I would like to make my product grid with rounded corners. I have attached for how I would like it.

thanks in advance. happy to edit code.

this is current (square boxes)

this how i would like it to look (round cornered boxes)

Hey @Renaye
Kindly share your Store URL and Password if enabled

https://renayecosmetics.com/

password: eacear

Hey @Renaye

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Perfect. thankyou so much!

Hi do you know why only some are rounded with the code and not all thank you

I Think i figured it out the image aspect ratio has to be on natural

1 Like

cant see the code. where can I find it?

1 Like

Can you share your store URL and the exact problem you’re facing?