Adjust Whitespace/Padding On The Left And Right Side Of Product Images In broadcast Theme

Topic summary

A user seeks to adjust left and right padding on product images in Shopify’s Broadcast theme to create a collection page with no gaps between products.

Initial Solution Provided:

  • Add custom CSS code to theme.liquid file above the tag
  • Access via: Online Stores > Themes > More Actions > Edit code
  • Modify padding values (suggested 20px) to achieve desired spacing

Current Status:

  • User reported the initial CSS solution didn’t work
  • After further assistance, the responder indicates the desired design appears to have been achieved
  • Screenshots were shared showing the implementation

Resolution: The issue seems resolved, though the exact working solution wasn’t explicitly confirmed in the final exchange.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

@sulmanbutt I think you have achieved your desired design.

Let me know if you have any questions