How can I edit my site's code to achieve a full-width collection grid?

Topic summary

Goal: Make the Shopify collection grid full-width (no side margins), tighten spacing between products, and reduce padding between the header and the collection grid.

Progress and inputs:

  • Store preview URL was requested and provided since the theme isn’t live.
  • A CSS-based solution was suggested: edit the theme code to set the collection grid container to 100% width, reduce grid item padding, and lower the top padding of the main content (applied for screens wider than 759px).

Issues raised:

  • The requester couldn’t find the referenced styles.css file in the theme’s assets.
  • On mobile, product images change proportions; the requester wants to maintain a consistent image ratio.

Assets central to understanding: Shared screenshots illustrate the desired edge-to-edge layout and the mobile image distortion behavior.

Status: No confirmed implementation. Next steps are unclear, pending guidance on the correct file to edit (if styles.css doesn’t exist) and how to preserve image aspect ratio on mobile. Discussion remains open.

Summarized with AI on February 26. AI used: gpt-5.

hi!

i can’t find the styles.css file