Hi,
I would like to remove the pause button and the spacing below the slideshow. I’ve already added the following code as I want to keep the arrows in the slideshow, but I can’t figure out how to remove the pause button and spacing below without removing the arrows altogether:
.slideshow__image {
background-size: contain !important;
}
.collection .slider-buttons {
display: none !important;
}
.slider-counter.slider-counter–dots {
display: none !important;
}
button.slideshow__autoplay.slider-button.no-js-hidden {
display: none !important;
}
button.slider-button.slider-button–prev {
display: inherit;
margin-right: 95% !important;
position: absolute;
margin-bottom: 42% !important;
color: white !important;
}
button.slider-button.slider-button–next {
display: inherit;
margin-left: 95% !important;
position: absolute;
margin-bottom: 42% !important;
color: white !important;
}
.slider-button .icon {
height: 2.6rem !important;
}
.slideshow__controls.slideshow__controls–top.slider-buttons.no-js-hidden.slideshow__controls–border-radius-mobile {
z-index: 999 !important;
}
.slideshow.banner.banner–medium {
min-height: 70vh;
}