Custom Cursor for a Specific Page
-
Hello!
I currently have a custom cursor for mouse hover for my page, but I'd like it to be specifically just for one of my page instead. Is that possible?Here's my website: iamsam.info
-
Dear @iamsam
ah, we love it!Sure, you can apply CSS to only a specific page:
http://laytheme.com/documentation.html#custom-css-stylingBest!
Marius
-
I tried following the instruction from the page, but I must be getting something wrong.
This is my attempt:
body.slug-aboutsam .cursor {
cursor: url(http://iamsam.info/wp-content/uploads/2019/02/myhead2.png) 64 64, auto ;
}My original code before was:
a {
cursor: url(http://iamsam.info/wp-content/uploads/2019/02/myhead2.png) 64 64, auto ;
}Thanks for your help!
-
Dear @iamsam
you probably need to use important.
https://css-tricks.com/when-using-important-is-the-right-choice/Hope that helps!
Best!
Marius
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it