How to show featured product card in full width

Topic summary

Goal: make the Featured Product cards span full width with no gap. The request later shifts to adding a small, consistent gap instead.

Actions taken:

  • A helper advised adding a custom code snippet in theme.liquid (above ) and enabling a related setting in the theme editor. The full-width layout worked.
  • When text (product name/price) was too close to the screen edge, the user asked for spacing adjustments.
  • The helper then provided a replacement code snippet to create a tiny gap, with spacing values (5px and 20px) adjustable. The user confirmed it worked.

Latest request: apply the same tiny-gap spacing to product cards on the Catalog (product listing) page. No solution posted yet; discussion remains open.

Notes and context:

  • theme.liquid is the main Shopify theme template; the theme editor controls layout settings.
  • “Catalog” refers to the product grid/listing page.
  • Shared screenshots and code snippets are central to understanding the spacing changes, but the exact code content is not shown here.
Summarized with AI on January 3. AI used: gpt-5.

Hi @slv1997

Would you mind to share your store URL? Thanks!