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 ![]()
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.