Disable left and right arrows in slideshow galleries on Wells

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

Hello!

I am currently using the Wells Template my photography portfolio. I really love how the galleries open on one single, big image yet I'd rather have them lead only to the thumbnails to view the rest of the gallery instead of offering the opportunity to scroll through them singularly.

Does anyone know how I can disable that feature so that once you click on the "main" image the website brings you only to the thumbnails ONLY?

Thank you!

x

Add to Home > Design > Custom CSS

.overlay-controls {
    pointer-events: none;
}

3 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

.overlay-controls {
    pointer-events: none;
}

 

Hi ! Thanks. This does the opposite tho. It only enables the slideshow and won't lead to the thumbnails. What I meant was to disable the slideshow feature so that, once you click the image, the user is brought to the thumbnails and doesn't start a slideshow.

let me know if you have a code for this.

best

x

Remove above code & try this

.overlay-controls.center-control.thumbnail-toggle {
    left: 0 !important;
    width: 100% !important;
}

25 minutes ago, tuanphan said:

Remove above code & try this

.overlay-controls.center-control.thumbnail-toggle {
    left: 0 !important;
    width: 100% !important;
}

 

25 minutes ago, tuanphan said:

Remove above code & try this

.overlay-controls.center-control.thumbnail-toggle {
    left: 0 !important;
    width: 100% !important;
}

 

This only cancelled the left arrow but unfortunately if i click right the page will still move onto the next image, so the slideshow is still there.

Keep above code, and add this

.left-control, .right-control {
    z-index: -100 !important;
}