Create a clickthrough slideshow with no arrows

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 

#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

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 

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)

Perfect! How should I do that? Thank you! 

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

Alright! Here's the link: 

https://bamboo-semicircle-sca6.squarespace.com/work

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;
}

That's great, thank you! What about moving the slideshow to the left side? Is it possible? Thank you!

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

Now?

https://bamboo-semicircle-sca6.squarespace.com/work 

Add to Design > Custom CSS

.gallery-slideshow-item img {
    left: 0 !important;
}