Hi, I would like to reduce the spaces within the sections of flow theme:
preview: https://qfommbxrqed6z7eq-57082871865.shopifypreview.com
The sections I want to reduce the spacing are the shop by release squares, there is a lot of space under to see the additional 4, and so on. (it is gallery section).
I appreciate your inputs, Thanks
Hallo @urbantis
You can add code by following these steps to change
paste below code at bottom(base.css)
**h1.site-header__logo.site-title {**
**padding: 0;**
**}**
**.homepage-sections-wrapper.homepage-sections-wrapper--white {**
**padding: 0;**
**}**
**.homepage-sections-wrapper {**
**padding: 0 !important;**
**}**
**[data-wetheme-section-type="image--gallery"] {**
**padding: 0 !important;**
**}**
**.image-gallery-wrapper + .image-gallery-wrapper .homepage-gallery-background {**
**padding-top: 0 !important;**
**}**
If you require any further information, feel free to contact me.
Best regards,
Hi @urbantis ,
This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-gallery.min.css->paste below code at the bottom of the file:
[data-wetheme-section-type="image--gallery"] {
padding: 0 !important;
}
.image-gallery-wrapper + .image-gallery-wrapper .homepage-gallery-background {
padding-top: 0 !important;
}
I hope it would help you
Best regards,
Richard | PageFly
Thank you, do you know how can I make it on mobile to show one image at a time instead of 2? 
Add this css
@media screen and (max-width: 767px)
.image-gallery-wrapper .keep-spacing.gallery-grid .homepage-gallery-grid-item {
width: 100% !important;
}
Hi @urbantis ,
Sure, I’m happy to help you. Let’s try this solution:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-gallery.min.css->paste below code at the bottom of the file:
@media screen and (max-width: 767px) {
.image-gallery-wrapper .keep-spacing.gallery-grid .homepage-gallery-grid-item {
width: 100% !important;
}
I hope it would help you
Best regards,
Richard | PageFly
Thanks for your reply, it worked nicely, but If you have time to look, I have now on mobile a big gap (space) between the instafeed (last section) and also between collections. Is there a way to fix this? Thank you very much
Hi @urbantis ,
Can you share your preview link so I can check it for you?
Best regards,
Richard | PageFly
https://c6m3le4ei1r54lux-57082871865.shopifypreview.com
it does it at the bottom on mobile, the last gallery and instafeed, thanks
Hi @urbantis ,
I checked. It looks like you are uploading a white image.
You can check it again in Customize theme.
Best regards,
Richard | PageFly
You are right, I removed it now, but see what happens, then the section gets destroyed. I would like it to show under the first picture on the left (as it was showing when the white images were there), I used the white image to preserve structure, but yes, It adds a big space on mobile which does not look either. How can I keep the structure of the image gallery without having to add a white image?
new preview link: https://vpg0cvf2uqawv099-57082871865.shopifypreview.com
preview image https://ibb.co/6tbMcn5
Thank you
Yes, the image click here to see more releases is very big, and I would like to have it same as the ones on top, pratically perfect, mermerizing, etc.
Hi @urbantis ,
You can try use below code:
@media screen and (min-width: 768px) {
.image-gallery-wrapper .gallery-grid {
justify-content: start;
}
.image-gallery-wrapper .gallery-grid .homepage-gallery-grid-item {
flex-basis: auto;
width: 25%;
flex-grow: unset;
}
}
I hope it would help you
Best regards,
Richard | PageFly
Thank you, it works great when I have 2 blocks, but if I have only one the size and distance is a bit different, and in mobile, 2 show fine, but when I have one it shows very big. I am refering to shop stamps, pic attached.
Thank you, I really appreciate the time you are taking to help me.
preview https://imovcez7y5zbqkz1-57082871865.shopifypreview.com
Hi @urbantis ,
You can add below code:
.homepage-gallery-background.content-width,
.homepage-gallery-background .content-width{
padding-left: 0 !important;
padding-right: 0 !important;
}
I hope it would help you
Best regards,
Richard | PageFly
Brilliant, thank you