Custom code to reduce bottom margin padding on GALLERY blocks?

Site URL: https://www.cottoncashmerecathair.com/blog/2020/12/11/easy-holiday-outfit-formula

Hi all! I've searched for this topic but the only thing that came up was how to adjust the padding around image blocks, and I'm specifically wondering if custom CSS exists that adjusts the padding around entire gallery blocks. It frustrates me that when I adjust the padding between images in a gallery block (within the editor), the padding at the *bottom* of the whole gallery block also adjusts. I want the padding at the bottom of the gallery block to be the same as the padding on top. I've looked at my source code and tried a bunch of different combinations but I'm getting nowhere, so any help would be much appreciated!

I attached an image so you can see an example of the extra space at the bottom of the gallery block (sorry, it might be blurry; I had to make the content on my site pretty small it fit it all in one screenshot). I know I could use individual image blocks to achieve the same overall look, but all of my images up until a few months ago are different heights, so using gallery blocks is the best way for me to display them so they look the same size.

For reference, I'm on the Montauk template, version 7.0.

I snapped another shot of your website to make sure I understand what you're asking.

In the image below, the GREEN rectangle represents the padding. As shown it's 17px on all sides.

In this next image, I removed the padding on the bottom. Is that what you're trying to do?

If so, this custom CSS should remove the bottom padding:
 

.sqs-block-gallery {
	padding-bottom: 0 !important;
}

Thank you SO much! I knew it was going to be something super simple that I kept missing. 🙂

ETA: I wish Squarespace didn't add the spacing between the images to the bottom of the gallery!

On 12/29/2020 at 10:40 AM, cottoncashmerecathair said:

Thank you SO much! I knew it was going to be something super simple that I kept missing. 🙂

ETA: I wish Squarespace didn't add the spacing between the images to the bottom of the gallery!

I see some pages on your site have very long content. You can consider adding a back to top button.

Also, 5 icons is not same line on tablet. If you want them same line, add this to Design > Custom CSS

/* tablet footer social */
@media screen and (max-width:900px) and (min-width:641px) {
div#footerBlock .span-4:not(:first-child):not(:last-child) {
    width: 100%;
}
}

Any idea @tuanphan how to increase padding under these buttons please??

https://jeanine-thompson.squarespace.com/potentiality-coaching

51 minutes ago, Iwan said:

Any idea @tuanphan how to increase padding under these buttons please??

https://jeanine-thompson.squarespace.com/potentiality-coaching

Use this CSS

.user-items-list-item-container[data-section-id="62e24590fe55172ac4c1a776"] li {
    padding-bottom: 50px;
}

Genius! Thank you