Custom Cursor not working
-
wrote on Jul 16, 2018, 12:54 PM last edited by
Hey!
I had custom cursors on both of my websites, however, they've both stopped working and just randomly flicker.
This is the code i'm using:
a {
cursor: url(https://www.sixahead.site/wp-content/uploads/2018/07/Cursor_Link.png ) 20 20, auto !important;
}
body {
cursor: url(https://www.sixahead.site/wp-content/uploads/2018/07/cursorfav-1.png ) 20 20, auto !important;
}Thanks,
Lauren
-
wrote on Jul 16, 2018, 5:08 PM last edited by
hi lauren,
your custom cursors work for me (chrome, mac). i am also using one on http://kiti.ca/
one tip i found was to set the custom and a fallback cursor (also the custom one), with !important :cursor: url('http://kiti.ca/wp-content/uploads/2018/07/kiti-cursor.png '), url('http://kiti.ca/wp-content/uploads/2018/07/kiti-cursor.png '), auto !important;
by the way, your photos are really great.
dani
-
wrote on Jul 18, 2018, 10:19 AM last edited by
Thank you Dani!
That's worked now cheers.
Nice Kitty site
lauren
-
Great! :-)
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
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