I tried everything guys , even shopify help center . My theme has a big gap between the title and the product above it.
How can I fix it?
Topic summary
Fixing a large vertical gap between the product title and product card in a Shopify theme. Screenshots illustrated the spacing issue and the successful result after changes.
Resolution and steps:
- Access Online Store > Edit Code > open theme.liquid.
- Add a block near the bottom, placed just above the closing tag.
- In that block, override the CSS by setting the .card__information selector’s padding-top to 0 with !important (i.e., padding-top: 0 !important) to remove extra spacing.
Clarifications: The user confirmed the correct file, and the helper instructed the exact placement above to ensure the override applies globally.
Outcome: The gap was removed; the solution worked as shown in the follow-up screenshot. Another participant asked to mark the helper’s answer as the accepted solution.
Notes: Images were central to demonstrating the problem and verifying the fix. Discussion is resolved with a clear, actionable CSS change; no further issues or disagreements were raised.
1 Like
1 Like
hey
password : Staretwiy$
Hey @Ka19
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
.card__information {
padding-top: 0 !important;
}
</style>
RESULT:
If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
Yes that’s the correct file now go into the bottom of the file and place that code right above </body>
I see you already solved it. Please mark @Moeed’s answer as the solution to help others out.