I’d like t bring the multicolumn elements closer together by adjusting the spacing between elements. Please see the photo i attached for your reference. Right now the columns are spread apart between items with isn’t what i want. Please let me know how I can achieve a similar result because I can’t seem to find a way to do this.
Topic summary
Goal: Reduce spacing between items in a Shopify multicolumn section so columns sit closer together, matching a reference image shared by the requester.
Key steps and updates:
- Helpers requested the store URL and password; the requester provided them.
- A contributor advised: Online Store > Edit Code > open theme.liquid > add custom code just above the tag to adjust spacing.
Important details:
- The actual code snippet intended to change spacing appears missing/blank in the post, though a result screenshot was shared showing tighter column spacing.
- Images are central to understanding the desired outcome (before/after visuals).
Status and next actions:
- Partially addressed. The method (adding custom code) is outlined, but the necessary code is absent, so the solution cannot be replicated yet.
- Next steps: the contributor should re-share the complete code snippet, or the requester can confirm if changes were applied and worked. The discussion remains open pending a functional snippet or confirmation.
1 Like
@GLSatellite can you please share this page link?
kanzenfarming2024
Hey @GLSatellite
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