How do I remove padding from image slideshow?

Site URL: http://www.grassrootswildlandfirefighters.com

I've added this to the custom CSS and it doesn't help much:

Quote

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

I'd like to get the padding removed from above and below the slideshow at the top of my home page. Thanks!

www.grassrootswildlandfirefighters.com

7 hours ago, benelkind said:

Site URL: http://www.grassrootswildlandfirefighters.com

I've added this to the custom CSS and it doesn't help much:

 

I'd like to get the padding removed from above and below the slideshow at the top of my home page. Thanks!

www.grassrootswildlandfirefighters.com

Hi,

For all devices or mobile only?

For all devices

14 hours ago, benelkind said:

For all devices

Don't remove your code. Add this to Design > custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
body.homepage .gallery-slideshow {
    height: 35vh !important;
}
}