Hi does anyone know how I can remove the space between those two sections? For someone reason I can’t seem to modify it within the theme? Thank you for your help!
Store URL: https://servicedetable.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=166100074824
Topic summary
A user seeks help removing unwanted vertical spacing between two sections on their Shopify store’s landing page, which cannot be adjusted through the theme settings.
Proposed Solutions:
Three community members offered CSS-based fixes:
- Adding custom CSS code to the theme.liquid file (above the
</body>tag) - Inserting CSS through Theme Settings > Custom CSS section
- Alternative CSS targeting the grid template
Issue Remains Unresolved:
While all suggested solutions successfully removed the spacing, they introduced an unintended side effect: the image blocks became distorted or smaller than desired. The original poster confirmed this problem occurred with multiple approaches and is seeking a solution that removes the spacing while preserving the original image display.
Current Status: The discussion remains open with no working solution that addresses both requirements.
1 Like
Hey @INKLY
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @INKLY
To complete your requests, please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
- Paste the code provided into the Custom CSS section.
grid {
grid-template: unset !important;
}
Here is the result: https://prnt.sc/VHZBd4tXiyWo
Hope this helps
Best,
Daisy
Hi @Moeed , Thank you for your answer. It did remove the space like I wanted but it also changed the image block (See screenshot). Do you know how to make it normal again?.
Hi @DaisyVo , Thank you for your answer. It did remove the space like I wanted but it also changed the image block (See screenshot). Do you know how to make it normal again?.
Hi @INKLY
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
- And Save.
- Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hi @Made4uo-Ribe , Thank you for your reply, unfortunately it did not make the space dissapear it just made the images smaller. See screenshots :
Before yoru code:
After your code:
