Closed realhackcraft closed 1 year ago
hi @realhackcraft , all you need to do is change style for the body #magicPointer
and body #magicMouseCursor
There is no effect if I do that on the newest version. However, when I copy the magic-cursor.js from https://www.lucammello.com, I can get it to work.
magic_mouse.js.zip This one works, and the one included in your repo does not.
I cannot customize the colour because at the beginning there is const STYLE
and you set the style of the cursor there, I think.
from 5:255 to 5:1215
@realhackcraft Thank you for sharing, did you try to add !important
to your styles?
can you show me an example? im bad at css
@realhackcraft For example if you want to change the border & background of the cursor to red color:
body #magicMouseCursor {
border: 1px solid red !important;
}
body #magicPointer {
background: red !important;
}
what does !important mean?
@realhackcraft well, in css, we have priority of selector. So if a selector has an !important
property, it will have the highest priority. Basically you use that to override my CSS in magicmouse.js file
I have a completely white UI and want to change the cursor colour to
rgb(175, 175, 175)
(grey). I used the cdn.min.js file, and changed themagic-mouse.css
. The changes do not reflect on my page.