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
For 1on1 paid Lay Theme Coaching, contact: audrey@cyberslayers.work.
We also code custom websites or custom Lay features.
šæ Email us here: šæ
info@laytheme.com
Our Web Development company: 100k.studio
Want to tip me? https://www.paypal.com/paypalme/arminunruh
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