Custom Cursor Elementor Pro INVERTED EFFECT

[@KayCinho]

Plays nice with my fullscreen menu tutorial: kzbin.info/www/bejne/n5C6hpith6atjLc

[@robinsonarsenl1142]

its not following along

[@k99944]

Can you please make the same effect on header elements (like logo and menu icon)? I tried the change the code for logo and menu icon but it didn't work

[@iamalifawad]

I was waiting for this tutorial 👈😊

[@KayCinho]

Hope you enjoyed it!

[@Sanowebsites]

THANK YOU VERY MUCH!!! Just a question, do you know how to improve cursor speed?

[@roomasaher5735]

As usual amazing next level

[@KayCinho]

Wow, thank you Rooma! Glad you enjoyed it :)

[@tchinaza]

Thank you. Any idea how to make the cursor circle bigger or smaller when it hovers over links or buttons?

[@conorrafferty4119]

interested in this as well, Im assuming it would be as simple as using a hover state "scale" call out in the CSS? However would love a confirmation on that from Kaycinho

[@KayCinho]

You're welcome! In order to trigger the change specifically on buttons and links, it would probably require to add a dedicated class for such elements, and then use some JS to make it happen when you hover over an element with this class. I covered that in my other custom cursor tutorial: kzbin.info/www/bejne/hWSbnJSCpcSsq7s - So I guess you could make it work by mixing both tutorials.

[@tchinaza]

@@KayCinho Alright, thanks.

[@KayCinho]

@@tchinaza :)

[@ChrisHeine-ud1bf]

This worked great - but now I need to switch out the circle for a custom SVG image. Do you have a tutorial on doing that?

[@gigi123380]

Nice One! Outstanding! Thx a lot for this!

[@KayCinho]

Glad you like it!

[@Dinujaya-S]

Can We get it only one section. Please..! 😊😊

[@jabeztadesse]

Bro, It's working for me, But I get flicker of the old cursor as I hover on links.

[@gunsepsi2852]

I'm having a big issue wit this. Everything works perfectly except, now when I scroll on my page the cursor gets stuck to its last location unless I move it again. How do I fix this?

[@dzakiahsana6]

This is Awesome dude!

[@deanstretch1258]

Nice work - Subscribed!

[@antoninomartorana2258]

In my site the cursor is too slow, do you know why?

[@suyashsudhakar2347]

didn't work for me please help

[@josrekker]

If i scroll, the cursor is also scrolling together with the content. How to fix this

[@AndyPants550]

Set cursor position to "fixed" instead of "absolute"

[@abuhssankaskey6143]

Welcome back

[@KayCinho]

I never left :)

[@abuhssankaskey6143]

@@KayCinho your voice

[@therealsalamiboi]

This doesn't work for me. I'm trying to add this to one page and it doesn't work. Can anyone help?

[@celiaperg662]

Awesome, thanks for the tutorial. I have a question, at the end under the footer I get a white line with the cursor circle how can I remove that ?

[@celiaperg662]

I had to change min-with to 1024 so that the effect could be seen, but with that size the line and the circle are visible.

[@coachalexforino9291]

it's not working for me

[@marconogueira-marketingdigital]

It works but the website becomes slower.

[@oghosaogiemwonyi9724]

@ KaycinhoTheDigitalAlchemist Is it possible to change the cursor to a different color only in certain column? Like remove the mix-blend-mode and just manually add a different color when your mouse enters certain columns

[@muzammelhaq4027]

Awsome Video We want more like video

[@KayCinho]

Coming up!

[@amine9156]

Hello, it won"t work for me i don't know why, i tried it twice, changed it to single quote, i tried your other cursor tutorial with red dot inside, still nothing .. what do i do ?

[@slyshime1479]

try to change min-width from 1367px to 1024px. thats work for me

[@AbdulAziz-cj4hg]

i have a question about pointer cursor, can i change the cursor to a thiss invert only when theres a clickable element?

[@AbdulAziz-cj4hg]

maybe i just wanted to put an emphasis on the difference between clickable elements and non clickable, maybe there's also a way to make the pointer cursor become a full color block instead of invert?

[@vinciandres]

What plugins do i need to make this whith Enfold or other themes?

[@vinciandres]

I just do it, thank you :) really nice.

[@meisterleise]

That's very cool!! Still one thing bothers me: the circle moves up if you scroll down and doesn't keep to the cursor postion. What a pity.

[@vitaw7135]

I tried to delate the position:absolute. it works fine for now.

[@mahinrahmanphenomenon]

@@vitaw7135 How you solved it man??

[@jjasminchang]

THANK YOU!!

[@bishwasthapa1020]

This demo site looks cool. Can I get the url of this? Or Tutorial maybe 😀

[@KayCinho]

Thanks Bishwas! Unfortunately I don't keep these demos online for long because that means a lot of maintenance work :/ - but just create your own following along :)

[@sudaiskhan5083]

Thanks Sir...

[@KayCinho]

Most welcome!

[@DDesigner123]

great tutorial

[@KayCinho]

Glad you think so!

[@meisterleise]

My recommendation: I put the js and the css together in an "Elementor Custom Code" (why tear apart what belongs to one function?).

[@dzulqarnainalfata2216]

next , page transitions. . .

[@KayCinho]

Good idea!

[@BlackJacketJones]

didnt work