Shopify themes, liquid, logos, and UX
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
Hey @INKLY
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
div#shopify-section-template--22341498503496__section_grid_Hh9pLU .grid {
grid-template: repeat(4, 1fr) / repeat(12, 1fr);
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
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 @INKLY
grid {
grid-template: unset !important;
}
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.
<style>
#grid--template--22341498503496__section_grid_Hh9pLU .grid__holder {
position: relative;
padding-bottom: 40%;
}
</style>
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:
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025