Custom carousel grab cursor
-
Hi all,
I'm looking to use a custom cursor for the carousel that has free-drag enabled. Ie. create a custom 'grab hand'. Ideally, I'd like to have both a custom cursor-left and cursor-right for this.
http://smallprintstudio.co.uk/work/
First carousel has custom left/right but no free-drag.
I've tried to find the correct div to use in css:
.lay-carousel.free-scroll.cursor-right {
cursor: url('https://smallprintstudio.co.uk/wp-content/uploads/2019/12/Eyes-Emoji-copy.png');}.lay-carousel.free-scroll.cursor-right {
cursor: url('https://smallprintstudio.co.uk/wp-content/uploads/2019/12/Eyes-Emoji-copy-copy.png');}Obviously missing something here. Any help would be fantastic.
Cheers. -
youd need to write javascript that checks to see if you're moving your mouse on the left or right side in a carousel and then set html classes depending on that and of course those html classes have corresponding css to set the right cursor
good luck