- 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)
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.liquidfile - 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
Hey @Renaye
Kindly share your Store URL and Password if enabled
password: eacear
Hey @Renaye
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- 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?