Slideshow Full Gallery Custom Code

Site URL: https://rhubarb-wedge-h6n2.squarespace.com/config/pages

Hello all!

I am trying to get rid of the buttons on my home page slideshows, so that you could advance the slides by clicking on the image. It is a "slideshow: Full". I need help creating a custom css that would get rid of the buttons and advance the slides through clicking on the image itself.

Is this possible? 

The website link is https://rhubarb-wedge-h6n2.squarespace.com/config/pages 

and the password is "help123" 

help123

Password incorrect.

Can you check?

It should work now! sorry!

On 2/7/2022 at 9:28 PM, Yasinski said:

It should work now! sorry!

 

Add to Design > Custom CSS

body.homepage .gallery-fullscreen-slideshow-control {
    opacity: 0;
}

Hi all,

Thanks for all the help I've gleaned so far from previous answers.

I'm trying to do a similar thing to the poster above.

I've got full bleed images on my homepage as a slideshow. I've added the code above to make the controls transparent which has worked great. I now want to expand the hidden controls so that each takes up 50% of the width of the image - i.e. you click on the right side of the image and it advances forward; click on the left side and it moves to the previous image.

I've tried various things to expand the controls, but can't seem to work this detail out. 

Maybe there's a better way to do this, but I thought this would be the simplest...!

Help much appreciated!

Many thanks, Dominic

highriselandscapes.org  /  password: nairobi

Not sure this additional question is going to get noticed, so will post as a new question 🙂

On 11/25/2022 at 4:59 PM, jdomw said:

Not sure this additional question is going to get noticed, so will post as a new question 🙂

I see you solved this?

On 11/29/2022 at 8:40 AM, tuanphan said:

I see you solved this?

Yes thanks. Anyone needing a solution, see here: