How to change cursor to arrow when hovering over a gallery page image

Hi there,

Is there any chance to customize cursor, so that will change for arrow when hovering over a gallery block in Brine template?

For example same style as gallery in Wells template. Cursor change for left arrow for previous image and right arrow for next image. Is there any custom-css to add this style?

Thank you.

Hi,

I think this is possible. Can you share link to gallery page in screenshot? We can take a look

Hi @tuanphan,

link to gallery page: http://thomasseearbudd.com/nzcis

So I would like to apply this style to gallery, here: https://sphere-eagle-lrgh.squarespace.com/test-galerie

password: Oh1347

thank you.

On 8/27/2021 at 6:51 PM, KaterinaKa said:

Hi @tuanphan,

link to gallery page: http://thomasseearbudd.com/nzcis

So I would like to apply this style to gallery, here: https://sphere-eagle-lrgh.squarespace.com/test-galerie

password: Oh1347

thank you.

Add to Design > Custom CSS

.gallery-block .slide:hover {
    cursor: e-resize;
}

@tuanphan Hi,

Thank you for your help. It's working, but the cursor / arrow show just the right direction, not the left one for previous browsing.

On 9/2/2021 at 6:13 PM, KaterinaKa said:

@tuanphan Hi,

Thank you for your help. It's working, but the cursor / arrow show just the right direction, not the left one for previous browsing.

 

Hi,

Not possible to make left right arrow. This will require a lot of JavaScript code. I can't help with this.

You can post on some FB groups

+ Squarespace Customization Resource Groups
+ Squarespace Community

@tuanphan 

Hi,

Did you figure out how to do this? I am trying to do the same thing. I want the right cursor to show on hover on right side of gallery and left arrow on the right side, to click through gallery rather than the automatic grabber.

Would appreciate the help.

Thank you

On 1/31/2023 at 8:05 PM, BLK said:

@tuanphan 

Hi,

Did you figure out how to do this? I am trying to do the same thing. I want the right cursor to show on hover on right side of gallery and left arrow on the right side, to click through gallery rather than the automatic grabber.

 

Would appreciate the help.

 

Thank you

 

Can you share link to page where you use gallery?

Hi @tuanphan,

I am trying to fix a similar issue, I would like the 'hand' cursor to appear to show the links are clickable on this page of my site (ben-cowan.com/color). Currently when you hover over the text it doesn't show the 'clickable/link' cursor. It would also be great if the hand  cursor appeared when you hover anywhere over the gallery images and not just over the text.

Thank you!

On 1/31/2024 at 7:21 AM, bentcowan said:

Hi @tuanphan,

 

I am trying to fix a similar issue, I would like the 'hand' cursor to appear to show the links are clickable on this page of my site (ben-cowan.com/color). Currently when you hover over the text it doesn't show the 'clickable/link' cursor. It would also be great if the hand  cursor appeared when you hover anywhere over the gallery images and not just over the text.

Thank you!

Don't remove any code in your current code. Add this to Custom CSS

body#collection-648babb64d99b00f1afdbf19 .slide a:after {
    pointer-events: none;
}

Thanks so much!