Hello guys. Help me please to remove white spaces in my product description. I have different indents between text and pictures. I want to make them the same for all headings, something like on the last heading “Free Shipping and Money back” (last picture). Here is my site URL: https://360facetrack.myshopify.com/ . Would be very grateful for your help!
Topic summary
Inconsistent white space between text and images in product descriptions (Shopify Impulse theme).
- Action taken: A CSS tweak was provided to standardize spacing by setting margins to 0 within features rows:
• .features-row .features-text-block h3 { margin-top: 0; }
• .features-row .features-text-block p[data-mce-fragment=“1”] { margin-bottom: 0; } - Implementation details: Code was added at the end of the Assets file named theme.css.liquid (confirmed acceptable in place of theme.scss.css).
- Outcome: The original spacing issue was resolved; the requester confirmed success.
New related issue: A user wants a Vimeo video positioned directly under payment logos; after saving, the logos appear and push the description down, creating excess white space.
- Context: Impulse latest theme; suspected padding causing the gap. Payment logos are not visible in the editor but show after saving, shifting layout.
- Status: No solution or code changes provided yet; the thread remains open on this second issue.
Note: Screenshots are central to illustrating the spacing differences and layout shift.
Hello There,
1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:
.features-row .features-text-block h3 {
margin-top: 0;
}
.features-row .features-text-block p[data-mce-fragment="1"] {
margin-bottom: 0;
}
1 Like
I have the only theme.css.liquid in Assets, is that right?
1 Like
yes
1 Like
Thank you so much!
1 Like
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
I need this video moved up to underneath the payment logos. I’m guessing it has something to do with padding but I cannot find it. I’m using the impulse latest theme and the video is from Vimeo.
Please what do I do?
The thing is, the payment logos doesn’t show when editing, but once I save It, it shows up, making the description go drastically down. So please is there a way I can remove the excess white spacing there? I need an urgent solution, please.
