sorry for the last comment, it works perfectly now! In my case I didn't have a background section, so I had to play a bit with section positioning, Z-indexes and had to add some custom CSS for the top menu to be over the animation.
@@amaanmulla1370 Ditto! Whatever you click on at timestamp 4:41 (background section) doesn't exist on my page. How do we create a background div that ecompasses the whole page rather than just having the JS play within the smaller text box? I don't see a widget in Elementor or wordpress that would accomplish this.
I'm going crazy, but how do you put hotspots on a video instead of an image? I would like to make my site interactive with videos and hotspots. I'm afraid that with Elementor I can't ... I ask for help.
@@tipswithpunch How exactly this vanta-js can be added as custom code in elementor? i mean to be used as global effect? And another thing did you know how can increase the speed in the vanta-js topology effect? I tried with speed: 2.00 but it doesn't work. Best Regards!
Im not able to make it work, i did exactly what you said in the video but for some reason nothing happens, any idea why the problem might be, something to do with the hosting may be or idk
@@tipswithpunch well im using elementor free version, with thier Hello theme, i haven't changed or did anything in global settings, and im checking to se eif everything is up to the latest version and it is. I will try to figure it out hopefully i find what it is.
maybe in the vanta.js code. Try to use the default code from them. If it works, then you will know it's some settings in your customized vanta (for example color code, or similar)
Thanks Tipswithpunch! For me isn't working and I'm not sure if it's kinda issue of z -indexes or it's the script. Do you how can I debug this in elementor? Thank you!!!!!!!!!!!!!!!
Solved! on my case the console was showing the error ' Uncaught SyntaxError: missing hexadecimal digits after '0x'... I'd an error (#) after 0x for the background color, I had 0x#FFFFFF. Works fine, thanks for the tip :))))
Don't work for me 😞 I tested a lot of solution I found on the web ! My console on Firefox display an error message : [VANTA] Cannot find element ... Do you have a solution for me ?
sounds like the code can't find the ID of your elementor block. Just check that you've named it the same as in the code. Usually it's spelling mistakes or including # when it's not needed in elementor
sorry for the last comment, it works perfectly now! In my case I didn't have a background section, so I had to play a bit with section positioning, Z-indexes and had to add some custom CSS for the top menu to be over the animation.
ok great to hear you got it sorted!
Hey @DLandin, could you please tell how you manage to overcome your issue? I can't get the animated cells in my section's background
@@amaanmulla1370 Ditto! Whatever you click on at timestamp 4:41 (background section) doesn't exist on my page. How do we create a background div that ecompasses the whole page rather than just having the JS play within the smaller text box? I don't see a widget in Elementor or wordpress that would accomplish this.
Use of Borat is an automatic ‘like’ from me!
lol :D
This library looks so cool
I agree super smooth
I'm going crazy, but how do you put hotspots on a video instead of an image? I would like to make my site interactive with videos and hotspots. I'm afraid that with Elementor I can't ... I ask for help.
uff.. Yeah for videos you probably need something custom... I'm not sure if there is a plugin that could do that 🤔
Your videos are really helpful 😄
Glad you like them!
Thank you...very helpful
Glad it was helpful Joseph!
Very helpful, thank you.
Glad it was helpful!
That is AWESOME! thanks for sharing.
Thanks for watching!
@@tipswithpunch How exactly this vanta-js can be added as custom code in elementor? i mean to be used as global effect? And another thing did you know how can increase the speed in the vanta-js topology effect? I tried with speed: 2.00 but it doesn't work. Best Regards!
Nice! I found the 'cell' effect the most mesmerizing. have you seen any other types of backgrounds that are fed with dynamic data? just curious.
Cell looks cool too! I also like particles.js it's more subtle but works really well for certain websites.
thanks for your tutorial ,I have a question , can I upload those 2 js file in my web ,and use my web link?
You need to check the license info to be 100% sure, but I think it's okay.
I cant understand why it doesnt work for me. I've already named the section ID as "hero-bg" and did all the previous steps.
do you have an example of this?
Im not able to make it work, i did exactly what you said in the video but for some reason nothing happens, any idea why the problem might be, something to do with the hosting may be or idk
I doupt it's the hosting. Probably some missing setting or an error in console.
@@tipswithpunch well im using elementor free version, with thier Hello theme, i haven't changed or did anything in global settings, and im checking to se eif everything is up to the latest version and it is. I will try to figure it out hopefully i find what it is.
maybe in the vanta.js code. Try to use the default code from them. If it works, then you will know it's some settings in your customized vanta (for example color code, or similar)
@@tipswithpunch I got it to work, i was changing the color to a hex code with # and that made an error. Thanks for the help!!!
great info thanks
Glad it was helpful!
Hi.
I realy like those vantas.js headers designs.. where can i find a bigger marketplace for thouse types of animations designs?
on themeforest you might have some themes that easily integrate with Vanta or similar libraries
Thanks Tipswithpunch! For me isn't working and I'm not sure if it's kinda issue of z -indexes or it's the script. Do you how can I debug this in elementor? Thank you!!!!!!!!!!!!!!!
Solved! on my case the console was showing the error ' Uncaught SyntaxError: missing hexadecimal digits after '0x'... I'd an error (#) after 0x for the background color, I had 0x#FFFFFF. Works fine, thanks for the tip :))))
Glad to hear you were able to resolve the issue! :)
Nice! Unfortunately couldn't do it in gutenberg editor. Any ideas and/or steps? Thanx ❤️
why not, the html editor doesn't work?
@@tipswithpunch unfortunately no
made it work! Unlike in elementor where there is a field to set the ID in gutenberg you have to set the selector in Block>Advanced>HTML anchor
great job, thanks for letting me know!
Don't work for me 😞 I tested a lot of solution I found on the web ! My console on Firefox display an error message : [VANTA] Cannot find element ... Do you have a solution for me ?
sounds like the code can't find the ID of your elementor block. Just check that you've named it the same as in the code. Usually it's spelling mistakes or including # when it's not needed in elementor
@@tipswithpunch Yes it's work !!! You're right, I had forgotten the # before the ID in the VANTA script 🙄 Thank you for your help !
thx guy!
my pleasure!
Lovely ❤️
thanks Fasih!
grazie amico mio, è molto bello il tuo piccolo consiglio
prego! 🙌
Hi. Where can i find bigger background marketplace like vanta.js ? Thanks
not that I'm aware of... maybe you can find something on envato.com?
@@tipswithpunch thanks :)
Hey bro I need your assistance I am stuck in some js issue would you please guide me
what's the issue?
I have this effects in my website is very cool
nice Max! Yeah they look really nice 🔥
hi bro can you plz tell me how to this in oxygen builder
sorry Aneeb, I haven't used it.
It's probably something similar, you need to give an element ID and then paste the code in html block
Cant get it to work? any advice?
what's the issue?
Vanta supported by Vue3 ?
uff.. no idea.. I guess easiest to just give it a go :)
This is not working, I checked it
which part not working for you?
@@tipswithpunch It's not working for me either :(
bc you dont know how to use vscode??????????????????????????
?