Issue: On Shopify’s Dawn theme product pages, there is an excessively large vertical gap between product photos and the product description. The requester also wants larger product images without cropping.
Context: A preview URL and password were provided, and a screenshot illustrates the spacing problem. Visuals are central to understanding the gap.
Proposed solution: A community member advised editing theme.liquid (Online Store > Themes > Edit code) and pasting code above the tag to adjust layout. However, the shared code block is empty, so the exact CSS/JS needed is missing.
Key terms: Dawn is Shopify’s default theme; theme.liquid is the main layout file that controls global assets and markup.
Status: No confirmation of a fix. The discussion remains unresolved because the specific code to reduce the gap and resize images was not provided.
Action items / next steps:
Open questions: What exact code should be added to achieve reduced spacing and non-cropped larger images?
Hi,
I am having an issue on the product pages of my site that there is a large gap between the product photos and the product descriptions.
I would like to reduce the gap that is shown in the photo above. I would also like to increase the size of the image without cropping in on the image.
The url for my website is https://r4bbit-teeth.com/ and the password to enter is t33th!!
I would greatly appreciate any help regarding this issue, Thank you.
Hi @yanetha
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Noah | PageFly
