I would like to decrease the space between the product images and product title. How do i do this?
Topic summary
A user wants to reduce the vertical spacing between product images and the product title on their Shopify product page.
Solution Provided:
A community member offered a CSS-based fix:
- Navigate to: Sales Channels → Online Store → Customize → Theme settings → Custom CSS
- Add this CSS rule:
[gp-el-wrapper]:has(gp-text h1) { padding-top: 10px !important; } - Save and hard refresh the page
- The padding value (10px) can be adjusted as needed
Status: The responder believes the issue may already be resolved, but provided the solution as a reference. A screenshot demonstrates the expected result with reduced spacing.
2 Likes
@timelessracing , I think this is already sorted, but just in case, here’s a ruleset to achieve that:
- Navigate to Sales Channels → Online Store → “Customize” button → Theme settings (Gear icon on the left sidebar) → Custom CSS
- Add the following code:
[gp-el-wrapper]:has(gp-text h1) {
padding-top: 10px !important;
}
- Save (right top corner)
- Hard refresh the storefront
Feel free to readjust the value. The result should be similar to this:
