Gallery Slideshow Reel Custom Arrows

Hi there,

Hoping someone can help me with this...

I am trying to change the arrows on my gallery slideshow: Reel look like the ones on this site: https://www.photosbyjorge.com/ (desktop version)

I'm also wanting the slideshow Reel to  automatically cycle through the images every 4 seconds if possible.

Any help would be much appreciated. 🙏

Regards,

Dan

Hi Dan,

When looking at the shape of the gallery arrows on Jorge's website, and if I'm not mistaken, it seems to me that instead of the "Slideshow Reel" gallery section, there is a page section in use with a "Carousel" gallery block attached. There can be added an automatic transition between slides.

Hi Kalevi,

Thanks for getting back to me. Yes you are right! That's exactly what I'm after. 

Sorry, I'm new at Square Space... how do you create that Carousel? I have created one but i cant see the options that are in your video... and the arrows aren't the same. 

Thanks again for the help.

Cheers,

Dan 

It seems to me that you have selected the "Services" section. You should choose the "Blank page" section, on which you will place the "Gallery" block.

Thank you Kalevi!

I think the problem is, I'm using 7.1. I don't think I can make it look like this in 7.1. 

Correct me if I'm wrong.

Cheers, Dan

7 minutes ago, DanDan87 said:

Thank you Kalevi!

I think the problem is, I'm using 7.1. I don't think I can make it look like this in 7.1. 

Correct me if I'm wrong.

Cheers, Dan

Hi Dan,

This can be done in version 7.1, maybe you are in version 7.0 instead?

Oh weird, I am using 7.1... I don't get the Gallery option when I create a block 

Weird, i think i have to pay for this feature by becoming a Circle member.

Just now, DanDan87 said:

Weird, i think i have to pay f or this feature by becoming a Circle member.

Oh, it turns out that only Circle members can add gallery blocks to all content areas in 7.1. Once they add the block, anyone with permission to edit site content can edit the block. You can make me the admin of your website for a while and I'll see if I can add this block to your website.

That would be awesome! Thank you. Please let me know how to add you as an admin.

I'm trying to figure out how to change the gallery reel arrows to a solid triangle , does anyone know how to do this?

thank you

On 6/23/2024 at 5:45 PM, sheridanckai said:

I'm trying to figure out how to change the gallery reel arrows to a solid triangle , does anyone know how to do this?

thank you

You can use this code to Custom CSS box

button.gallery-reel-control-btn svg {
    display: none !important;
}
button.gallery-reel-control-btn {
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center center;
        opacity: 1 !important;
        padding: 30px !important;
}
.gallery-reel-control-btn::before {
    background-color: transparent !important;
}
button.gallery-reel-control-btn[aria-label="Previous Slide"] {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2024_06/iconmonstr-caret-right-filled-240.png.8651401bdea275af339bab793f6c309b.png);
}
button.gallery-reel-control-btn[aria-label="Next Slide"] {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2024_06/iconmonstr-caret-right-filled-240.png.8651401bdea275af339bab793f6c309b.png);
}

thank you!