How to get rid of the white space on product page

Store Design

Topic summary

A user wants to eliminate white space around product media on their product pages, aiming for a full-width layout on the left half similar to Louis Vuitton’s design.

Site Details:

  • Store: coshcosh.com
  • Issue: Unwanted white space surrounding product images on product pages only

Proposed Solution:
A community member provided CSS code to be added to the theme.liquid file:

  • Navigate to: Online Store → Themes → Edit Theme → Layout → theme.liquid
  • Insert the provided CSS snippet before the </head> tag
  • The code uses conditional logic to target only product page templates

Status: The solution has been offered but not yet confirmed as implemented or effective. The helper requested feedback on whether the code resolves the spacing issue.

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

I want my product media to take up the entire left half of the page without the white spaces. I only need these white spaces gone on product pages. As reference you can look at Louis Vuittons product pages: https://de.louisvuitton.com/deu-de/produkte/color-blossom-mini-sun-ring-rosegold-malachit-und-diamant-nvprod2800115v/Q9N08A.

My page is: coshcosh.com

Screenshot (26).png
Screenshot (26).png1915×947 132 KB

2

@Donovan26 Please provide with your website URL.

3

coshcosh.com

4

@Donovan26

Please go to

  1. Online store
  2. Themes → Edit theme
  3. Layout
  4. theme.liquid and paste this code before 
{% if template.name == 'product' %}
  
{% endif %} %}

If my solution works, then please like and accept it as a solution.

1 Like