there is a blank space between the product description and the add to cart button. please help thank you
Topic summary
A user is experiencing excessive blank space between the product description and the add-to-cart button on their Dawn theme product page.
Proposed Solution:
A contributor provided step-by-step CSS instructions:
- Navigate to Admin → Online Store → Theme → Edit code
- Locate base.css, theme.css, styles.css, or theme.scss.liquid
- Add a CSS snippet targeting the product form with negative top margin (
margin-top: -20px !important) - Save and reload the page
The solution includes screenshots showing where to find the code editor and where to insert the CSS. Another user requested a screenshot with the problematic area marked for better diagnosis.
Status: The issue remains unresolved pending user implementation or further clarification with screenshots.
@zunscape share screenshot and mark area.
Hi @zunscape
Step 1. Go to Admin → Online store → Theme > Edit code
Step 2. Search for the file base.css, theme.css, styles.css or theme.scss.liquid. And add this code snippet to the end of the file
div:has(>product-form.product-form), product-form.product-form {
margin-top: -20px !important;
}
Step 3: Save your code and reload this page
***The result
