How can I change my homepage photos to an arched shape?

Topic summary

  • Objective: Make the homepage images beneath the main header uniformly sized with an arched (rounded-top) shape. Initial code attempts did not work.

  • Steps taken: The helper requested the store URL; the link was provided (wovensol.com). A custom CSS (Cascading Style Sheets) snippet was shared to apply on desktop within a specific Shopify section, setting each grid item to 50% width and giving child elements a 50% top-left/right border radius to create the arch.

  • Caveats and guidance: The provided CSS targets a single section ID and is desktop-focused; it needs adjustments for responsiveness and for use across different elements. A design consultation was suggested to ensure a consistent, flexible site-wide implementation.

  • New question: Another participant asked how to apply the arched shape to every product image site-wide (not only the homepage) and whether the same code can be reused. This remains unanswered.

  • Media: Screenshots illustrating the desired arched look and the proposed result are included and central to understanding the visual goal.

  • Status: Partially addressed with a section-specific CSS solution; broader, responsive, site-wide implementation is open.

Summarized with AI on January 7. AI used: gpt-5.

Hello,

How would you go about making each product into an arched shape and not just on the main page. Could you use the same coding?

Please see picture as example :slightly_smiling_face: