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:
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025