Thanks for this amazing tutorial but one question is what if i want to add the functionality like when user clicks on particular image the image should get enlarge. Appreciate your help
Hello Andrea! I appreciate your excellent tutorials, as always. Please keep up the great work! I have a question: How can I add classes so that when I hover over a video, it displays "play," and when I hover over a contact element, it shows "let's talk"? Thank you!
If you want to ensure that the text does not interfere with the hover events of the images, you can use the CSS property "pointer-events: none; "on the text element. This will make the text non-interactive, allowing the hover events to pass through to the underlying images.
Hello Andrea! Great work, you helped me a lot with it!!!! How would you solve it, that the cursor gets different color on each picture? For example on one picture magenta, on the other picture cyan?
I love your videos Andrea. Thank you so much for sharing your knowledge! would be really nice if you could teach us how to make and horizontal movement on scroll. 🙏
Hi, there should be a way to click (the cursor big) and get redirected to an other page or smooth scrolling to a section. Can't get this to be linked. Is there a solution?
I don't know if I did something wrong but it really doesn't work on my side :/ Just have to follow the tuto or should I add gsap library before on my website ?
Hi Andrea! Thank you for the great content 🙂is it possible to display two different types of cursor changes? For example, cursor type one would display as per your video with "view" text to indicate a click through on a element. Then cursor type two would have an icon instead off text to indicate for example a side scroll on a different element?
Revisit all the steps. I've had someone else tell me the same thing only for them to have forgotten something... ex like a class in the right place. If you forget just one thing, nothing works. Without seeing your implementation I cannot help but with this advice ;)
Hi andrea! great tutorial as always keep it up like this !, one question, when writting the code in elementor especially the html part you are targeting "HTML" and "P", isnt that a little bit risky? will that change all the P i have on my websites? thanks in advance!
Hey Gaston! Nope, it will not affect your other tags on the page but if you want peace of mind, you can add an id to the p tag ex: View project #hello { margin-top: 10px; } Hope this helps 😉
Thank you for this great tutorial ! I tested it out and it works perfectly. However the cursor goes under the popups and is not visible (I gave the cursor a z-index of 999), is there a solution to that ? Thank you !
You are very welcome! So happy to hear that ;) Ok, change it to z-index:2147483647 and don't forget to add the class on the popup ;) lemme know if it worked (it worked during my test)
Hello Andrea and everyone. I was scratching my head because the code didnt seem to work for me. Turns out on your "custom cursor html" part that you have in the description there is no and in the start and end of the code. If you add that it works perfectly. You can also see it if you pause on 5:16 Awesome work once again!
Hello Andrea, the truth is your videos are incredible and one always learns things and appreciates your time to make them, now comes the question, can you do the same but with the containers?
Hey Matias! Thank you so much!!!! Hmm, not sure I understand, the images are in containers. I only use containers in my videos. Either way, the effect works on anything as long as you add the class on the element. Let me know if you need more help!🤓
Hi Andrea thanks for this tutorial! I don't understand where I'm wrong but, if I put custom code in elementor dashboard nothing happens. If I add the code in the specific page adding an html widget the effect comes out... I also have another problem, it seems like part of the html code is shown in the header. Could you help me finding out what I'm doing wrong? Thank you! Bruno
Hello Andrea! I appreciate your excellent tutorials, as always. Please keep up the great work! I have a question: How can I add classes so that when I hover over a video, it displays "play," and when I hover over a contact element, it shows "let's talk"? Thank you!
Thank you very much for another great tutorial. any chance to get the exact code that you use in your video? i find it difficult to handle the missing parts. much appriciated.
@@andreaegli Thanks for replying. 1) i copied the html+css code and paste them into custom code (head). I added YOUR CSS CODE and after that i added YOUR HTML CODE. 2)I copied the JS and paste it in custom code(body end) and nothing happened. couldnt even see the basic cursor. also i named some elemets with the class name "your-class" and still havent see anything. I wonder what am i missing. thanks alot again!
@@kani7345 Ok., can you send me screenshots of your code both, CSS+HTML & JS? here: herllo @ egliandreastudios.com this is too bizare not to investigate