Goal: add right-side whitespace to the product image on the Gift Card product so it aligns with other product pages.
Diagnosis: When the product gallery contains only one media item, the theme sets the gallery width to 100%, which removes the right margin. Pages with multiple images don’t exhibit this because their layout reserves space differently.
Proposed fix: override the relevant CSS (Cascading Style Sheets) rule for the single-item product gallery and change width from 100% to 95% to restore right-side spacing. Add this as a custom CSS override so it targets the single-media layout.
Status: solution suggested; no confirmation of implementation or resolution yet.
Notes: a screenshot highlighting the exact CSS selector/rule was provided and is central to identifying what to override. Links to the affected Gift Card page and a reference product page were provided for comparison.
Hi there. I am hoping to move the product photo on this page (https://mimihalinew.myshopify.com/products/mimihali-gift-card). I’d like to add some white space on the right hand side of the photo so it matches the other product pages (https://mimihalinew.myshopify.com/products/benny-bear).
PW: mimihali2024
Hi @shamrockweb , it seems that when there is only 1 item in the product gallery, the width gets set to 100% (causing the margin on the right to disappear). Overriding the following CSS rule should do the trick:
Set width to 95%.
