Need help with reducing padding in image grid

Hi!

First off, I'm using the Horizon Template

I know this comes up a lot in the forums and I have attempted using other codes but nothing is working. I want the images in my grid to be touching or at least have the options to reduce the padding to almost touching. Any ideas?

https://www.mclaughlindp.com/

Thanks!

@MikeM100 try something like this in your custom css. This should make everything 0 and lined right up but if you increase that bottom margin part in the second line you can adjust spacing as you want.

.sqs-block-gallery .slide {
  margin-bottom: 0px; //increase this for your spacing between images
  .image-slide-anchor, .content-wrapper, .intrinsic-inner { 
    padding-bottom: 0 !important;
    height: 100% !important;
  } 
  .thumb-image, img {
    height: auto; 
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    display: block;
  }
  
  .sqs-video-overlay, .sqs-video-wrapper {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
  }
}

It worked! Thanks so much Jay.