That worked! Thank you. For anyone else that wants the minimalist buttons and for the reel to scroll, this is what I used:
<script>
$( ( ) => {
// returns svg element
buttonSvg = ( direction, points ) => {
let $e = $( '<svg class="caret-' + direction + '-icon--small" viewBox="0 0 9 16">' +
'<polyline fill="none" stroke-miterlimit="10" points="' + points + ' ">' +
'</polyline>' +
'</svg>' );
return $e;
}
// simple class changer
simpleClassChanger = ( old, nw ) => {
$( '.' + old )
.removeClass ( old )
.addClass ( nw );
}
simpleClassChanger ( 'gallery-reel-controls', 'gallery-slideshow-controls' );
// start previous button
$( '.gallery-reel-control:nth-of-type( odd )' )
.removeClass ( 'gallery-reel-control' )
.addClass ( 'gallery-slideshow-control gallery-slideshow-control-prev' )
.each ( function ( ) {
$( 'svg', $( this ) ).replaceWith ( buttonSvg ( 'left',
'7.3,14.7 2.5,8 7.3,1.2' ) );
} );
// end previous button
// start next button
$( '.gallery-reel-control:nth-of-type( even )' )
.removeClass ( 'gallery-reel-control' )
.addClass ( 'gallery-slideshow-control gallery-slideshow-control-prev' )
.each ( function ( ) {
$( 'svg', $( this ) ).replaceWith ( buttonSvg ( 'right',
'1.6,1.2 6.5,7.9 1.6,14.7' ) );
} );
// end next button
simpleClassChanger ( 'gallery-reel-control-btn', 'gallery-slideshow-control-btn' );
simpleClassChanger ( 'gallery-reel-control-btn-icon',
'gallery-slideshow-control-btn-icon' );
} );
$(function(){
window.setInterval(function(){
{$("html:not(.sqs-modal-lightbox-open) body:not(.sqs-edit-mode-active, .sqs-edit-mode) .gallery-slideshow-control:nth-of-type(2) .gallery-slideshow-control-btn")
[0].click()}
}, 2000);
});
</script>