How to remove space between collections? (showcase theme)

Hi there I’m trying to reduce the size between two elements, the “rich text” & the “featured collection” on my homepage. I want the space between these two to be the same amount of the space as above the rich text (between the rich text & slideshow). How do I do this?

I’ve included a picture of mobile & desktop view to show what I’m talking about. Thank you!!!

1 Like

Please consider adding the store link.

It’s picnicjewelry.com

thanks :slightly_smiling_face:

& the website is picnicjewelry.com

Hi @chloek

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

you can try adding this code

Follow this:

Go to Online Store->Theme->Edit code->Theme.liquid-> “Style” tag->paste below code in bottom of file

Or:

Go to Online Store->Theme->Edit code->Theme.css->paste below code in bottom of file

.section-spacing {

padding-top: 10px !important;

padding-bottom: 20px !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

1 Like

Hi @PageFly-Richard thank you for the insight! It did help the space but it also effected the spacing between all collections, which made it kind of wonky. I think I’m looking to adjust only the padding between the “rich text” element & the “featured collection” element. Is there a way to do this? Thank you so much for your help & time!!