Make corners of all images round

Store Design

Topic summary

A user successfully implemented rounded corners on homepage images using border-radius: 20px; CSS but needed to apply this styling site-wide across product pages, recommendation sections, and collection pages.

Solution provided:

  • Add CSS code in the theme.liquid file before the </head> tag
  • This applies the rounded corner styling globally across all pages at once

Outcome:

  • The solution worked perfectly and resolved the issue
  • The user confirmed success and thanked the contributor
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
2

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like