[LSAccounting_0-1675332908947.png] I am looking to reduce the spacing between each section as when I add sections the spacing seems pretty major. I can’t see an option for that in customise. Any other way this can be done? TIA Spark Theme

Hi @LSAccounting , This is Kate from PageFly - Landing page builder, I’d like to suggest this idea: Step 1: Go to Online Store->Theme->Edit code Step 2: Asset->/theme.css->paste below code at the bottom of the file: .template-page .main #shopify-section-template--16721685020897__346ac8aa-f653-44…

@LSAccounting share the URL please

@oscprofessional https://www.lsaccountingfirm.com/

@LSAccounting , .collection-list.collection-list--columns-3.section { margin: 15px; } Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

@oscprofessional I could only see the difference using this code when it came to Collections List on my Home Page and other pages which contain that section. Unfortunately, I am looking for a code that will reduce spacing between all sections and not just one type. As the page I needed it for whic…

Hello @LSAccounting I would like to give you the recommendation to support you so kindly follow steps below: Go to your Online store > Themes > Edit code Open your theme.liquid file Paste the below code before I hope the above is useful to you. Best regards, GemPages Support Team

Hi! I’m wondering if you resolved this issue? I’m encountering the same situation and the below replies didn’t do anything. Thank you!

@vanessaarroyo , Hi! How did you get on with it? 2 of the above have worked for me. Although 1 better than the other. Read the comments I’ve put under each comment if you want to find out how they worked :blush:

@GemPages Thank you! It did work. However, a bit too much. It was too close together and even when playing about with the margin numbers in your code, I wasn’t seeing a difference in trying to make the gap a bit bigger. I would have used your solution if I have not of found one that fits my page b…

@PageFly-Kate Perfect! Is there a way of using this on other of my pages? i.e., changing the section template numbers in the code that you have used? Where have you found it? thank you!

How to reduce the spacing between sections?

Store Design

jasonpurdy December 13, 2024, 6:06pm 12

this worked for me, thanks!

Topic		Replies	Views
How To Reduce The Spacing Between Sections? Shopify Discussion troubleshooting , shop-performance	4	110	November 27, 2024
Focal theme - Help for how to get this box type apperance Store Design shopify-themes	2	49	June 24, 2024
How I change spacing between sections on product page ( or in any page ) REFRESH Store Design design , css	3	64	April 11, 2023
How to minimize space between sections Shopify Discussion troubleshooting	3	35	January 29, 2025
Reduce Spacing between Top Sections - Maker Theme Store Design	4	55	November 18, 2021

How to reduce the spacing between sections?

Related topics