I’m trying to add space between this two elements in the product page but I can’t figure out how to do it! Someone could help me?
Topic summary
A user is trying to add vertical spacing between two elements on a Shopify product page but cannot determine the correct method.
Proposed Solutions:
- CSS approach: Add custom CSS to the
base.cssfile usingmargin-top: 30pxon the.product__info-wrapperclass with a media query for screens wider than 750px - Theme code modification: Insert custom markup code in the
theme.liquidfile before the</body>tag
Multiple support teams requested the store URL and password to provide more precise solutions. The user shared the link (shopmarymagdalene.myshopify.com, password: deawiy) and asked for clarification on locating specific code elements like “Product__info-wrapper grid__item”.
Status: The discussion remains open with one follow-up question asking if the issue was resolved. Screenshots were shared showing the spacing problem and proposed solution steps.
1 Like
Hi @MariaMcGraw ,
Go to Assets > base.css and paste this at the bottom of the file:
@media screen and (min-width: 750px) {
.product__info-wrapper {
margin-top: 30px !important;
}
}
you can also change the px to your liking.
Hope it helps!
Hi @MariaMcGraw
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hello @MariaMcGraw
It’s GemPages support team and glad to support you today.
To provide you with the most precise solution in this case, could you please share the home page link?
Here’s the link:
https://shopmarymagdalene.myshopify.com/
Pass: deawiy
Where can I find that line of the code? “Product__info-wrapper grid__item”
Hello @MariaMcGraw
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you:
- Go to Online Store → Theme → Edit code:
-
Open your theme.liquid theme file
-
Paste the below code before :
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Hi @MariaMcGraw ,
Did you solve it?