aina Posted March 15, 2023 Share Posted March 15, 2023 Hi everyone! I want to create a slideshow to display some of my work. I want to make it a clickthrough slideshow, with no arrows on the sides, and a caption to be displayed at the bottom, like now. I also want the slideshow to be moved to the left of the page and to include a new block with text on the right, like shown in the screenshot below. Does anyone know how to do it? Thank you so much in advance! Aina Link to comment
tuanphan Posted March 17, 2023 Share Posted March 17, 2023 #1. Clickthrough You mean click on each image >> open a new page or? #2. You can add a Gallery Section Slideshow on top, Text Section on Right, we can give some code to make text appear right of slideshow #3. Caption at bottom When you add a Gallery Section Slideshow, you can Enable Gallery Caption, then edit each image >> Add caption in Description field Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
aina Posted April 11, 2023 Author Share Posted April 11, 2023 Hi! Thank you so much for your answer! #1 Meaning than when you click on the image, the next one appears, no arrows or new pages opening. Something exactly like this: https://gemmapenyaferrer.com Link to comment
tuanphan Posted April 11, 2023 Share Posted April 11, 2023 1 hour ago, aina said: Hi! Thank you so much for your answer! #1 Meaning than when you click on the image, the next one appears, no arrows or new pages opening. Something exactly like this: https://gemmapenyaferrer.com I think we can add Slideshow, enable arrows, then we will use code to make arrows cover slideshow (and use code to hide arrows then) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
aina Posted April 12, 2023 Author Share Posted April 12, 2023 Perfect! How should I do that? Thank you! Link to comment
tuanphan Posted April 16, 2023 Share Posted April 16, 2023 On 4/12/2023 at 3:27 PM, aina said: Perfect! How should I do that? Thank you! On 4/11/2023 at 3:52 PM, tuanphan said: I think we can add Slideshow, enable arrows, then we will use code to make arrows cover slideshow (and use code to hide arrows then) You ca add Slideshow, enable arrows then share link to page where you added, we will check Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
aina Posted April 23, 2023 Author Share Posted April 23, 2023 Alright! Here's the link: https://bamboo-semicircle-sca6.squarespace.com/work Link to comment
tuanphan Posted April 25, 2023 Share Posted April 25, 2023 On 4/24/2023 at 3:24 AM, aina said: Alright! Here's the link: https://bamboo-semicircle-sca6.squarespace.com/work Add to Design > Custom CSS .gallery-slideshow-controls>div { width: 50% !important; } button.gallery-slideshow-control-btn { width: 100% !important; height: 100%; display: flex; align-items: center; justify-content: center; } .gallery-slideshow-controls svg { opacity: 0; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
aina Posted April 26, 2023 Author Share Posted April 26, 2023 That's great, thank you! What about moving the slideshow to the left side? Is it possible? Thank you! Link to comment
tuanphan Posted April 27, 2023 Share Posted April 27, 2023 On 4/24/2023 at 3:24 AM, aina said: Alright! Here's the link: https://bamboo-semicircle-sca6.squarespace.com/work The link doesn't work now Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
aina Posted May 1, 2023 Author Share Posted May 1, 2023 Now? https://bamboo-semicircle-sca6.squarespace.com/work Link to comment
tuanphan Posted May 3, 2023 Share Posted May 3, 2023 Add to Design > Custom CSS .gallery-slideshow-item img { left: 0 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment