Making slideshow full screen

Hi all,

Was wondering if anyone knew of a quick fix to make the homepage slideshow full screen? You'll see it's got wide gaps either side.

Site is: https://www.warners-stores.co.uk

thanks in advance!

Hey Louis!
This should work to get rid of the gaps on the left and right of your slideshow:

.user-items-list-banner-slideshow[data-layout-width="full"] .slideshow-gutter {
    padding-left: 0vw !important;
    padding-right: 0vw !important;
}

Also, I noticed the images are not cropping to keep the ratios.. You'll have random white space on the left, right, top, and bottom actually...

12 hours ago, DPruitt said:

Hey Louis!
This should work to get rid of the gaps on the left and right of your slideshow:

.user-items-list-banner-slideshow[data-layout-width="full"] .slideshow-gutter {
    padding-left: 0vw !important;
    padding-right: 0vw !important;
}

Also, I noticed the images are not cropping to keep the ratios.. You'll have random white space on the left, right, top, and bottom actually...

Hey @DPruitt Thank you so much for that. How would it be possible to remove the random white space on the top and bottom too?

Thanks

I'm thinking you need to have the images crop to cover the entire element.  Either a setting is set in the slideshow is set to "auto" that needs updated to 3:2 or there's something in the CSS telling the images to keep their original ratio so that the images do not crop in the slideshow...