highonflowers Posted April 10, 2020 Share Posted April 10, 2020 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 Link to comment
tuanphan Posted April 10, 2020 Share Posted April 10, 2020 Add to Home > Design > Custom CSS .overlay-controls { pointer-events: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
highonflowers Posted April 11, 2020 Author Share Posted April 11, 2020 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 Link to comment
tuanphan Posted April 11, 2020 Share Posted April 11, 2020 Remove above code & try this .overlay-controls.center-control.thumbnail-toggle { left: 0 !important; width: 100% !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
highonflowers Posted April 11, 2020 Author Share Posted April 11, 2020 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. Link to comment
tuanphan Posted April 11, 2020 Share Posted April 11, 2020 Keep above code, and add this .left-control, .right-control { z-index: -100 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.