How to reduce space between gallery blocks?

Hello,

I am new to the forum, I have already found some useful custom CSS for my site but I am still struggling with unwanted spaces between gallery blocks on pages. I would appreciate a custom CSS for them, thank you very much in advance!

Pages where I have difficulties removing the space are as follows:

https://www.palmamondovics.com/harvest-time

https://www.palmamondovics.com/flora 

At the second one I am suing differently styled galleries like masonry and grid and I would like the same amount of space between galleries as it is between the images.

Thank you again!
 

@MrsMarple try this in your custom css:

.gallery-masonry[data-width="full"] {
	padding: 5px 4vw !important;
}

1 hour ago, MrsMarple said:

Hello,

I am new to the forum, I have already found some useful custom CSS for my site but I am still struggling with unwanted spaces between gallery blocks on pages. I would appreciate a custom CSS for them, thank you very much in advance!

Pages where I have difficulties removing the space are as follows:

https://www.palmamondovics.com/harvest-time

https://www.palmamondovics.com/flora 

At the second one I am suing differently styled galleries like masonry and grid and I would like the same amount of space between galleries as it is between the images.

Thank you again!
 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.gallery-masonry {
    padding-top: 0 !important;
    padding-bottom: .8vw !important;
}
#page section:first-child .gallery-masonry {
    padding-top: 4vw !important;
}
#page section:last-child .gallery-masonry {
    padding-bottom: 4vw !important;
}

1 hour ago, SaranyaDesigns said:

@MrsMarple try this in your custom css:

.gallery-masonry[data-width="full"] {
	padding: 5px 4vw !important;
}

 

This one for some reason did not work for me, maybe there was something else that overwrote it but thank you!!

1 hour ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.gallery-masonry {
    padding-top: 0 !important;
    padding-bottom: .8vw !important;
}
#page section:first-child .gallery-masonry {
    padding-top: 4vw !important;
}
#page section:last-child .gallery-masonry {
    padding-bottom: 4vw !important;
}

 

Thank you  very much, your code fixed the harvest time page but not the second one (/flora in url but titled plants). If you would have some other ideas I would highly appreciate it thanks a lot!

9 hours ago, Web_Solutions said:

Replace the previous code with the code below.

.gallery-masonry, .gallery-strips, .gallery-grid {
    padding-top: 0 !important;
    padding-bottom: .8vw !important
}

#page section:first-child {
    .gallery-masonry, .gallery-strips, .gallery-grid {
        padding-top: 4vw !important
    }
}

#page section:last-child {
    .gallery-masonry, .gallery-strips, .gallery-grid {
        padding-bottom: 4vw !important
    }
}

 

It worked!! Thank you very much