How do I remove padding above gallery

Site URL: https://www.kinnju.com/

Password: twiase

I'm trying to remove the padding above the gallery in order to get rid of the area marked with red.

I've tried the following code via Design > Custom CSS and nothing seems to change when I save it:

.gallery-grid { padding-top: 0 !important; }

.gallery-grid.gallery-grid--layout-grid { padding-top: 0px; padding-bottom: 0px; }

[data-section-id="section ID of the gallery"] .content-wrapper {padding-top: 0px; padding-bottom: 0px;}

[data-section-id="section ID of the gallery"] .content-wrapper {padding-top: 0px !important; padding-bottom: 0px !important;}

I'm not too sure if I'm even putting in the code correctly because nothing happens even after I save it.

Any help would be greatly appreciated

12 hours ago, Jia said:

.gallery-masonry[data-width="full"] {
  padding-top: 0px !important;
}

Thank you so much this worked!!

On 3/19/2022 at 7:52 AM, Jia said:

Hi, try adding this to custom css and let me know how it goes 🙂 

.gallery-masonry[data-width="full"] {
  padding-top: 0px !important;
}

 

Hello! @Jia I'm trying to accomplish the same thing by removing the padding above my grid on the homepage but this coding did not work for me when I added to Custom CSS. Any idea how to resolve this?

Site URL: https://watermelon-tomato-em22.squarespace.com/

Thank you!
Robert

9 hours ago, Robert-N said:

Hello! @Jia I'm trying to accomplish the same thing by removing the padding above my grid on the homepage but this coding did not work for me when I added to Custom CSS. Any idea how to resolve this?

Site URL: https://watermelon-tomato-em22.squarespace.com/

Thank you!
Robert

Use this CSS

div#gridThumbs {
    padding-top: 0px;
}

5 hours ago, tuanphan said:

Use this CSS

div#gridThumbs {
    padding-top: 0px;
}

 

Thank you! This worked 😊