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
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it