thank you so much, I don't know how to thank you so much your message arrived in time. I have been looking for a solution to make this animation work for 2 hours and as if by a miracle I found your message. You are an angel, I send you lots of kisses.
I must say Jim you are exceptional in what you do here. I don't need to use any Plugins rather. This is the best training video ever..... Love it, Thanks Jim for all you do.
If it doesn't work change z-index on line 6 of the HTML to 0, changed position on line 5 to fixed. Also, if you have buttons or something else you need to change their Z-index to a higher number or you wont be able to click the buttons. Example: particles Z-index: 0 Button Z-index: 1 Also changing position to fixed wont react to the cursor, i advise to let it absolute. Hope this helps!
Awesome work. Have you guys any idea, how I can place it in the background when I use a hero background in black and a background picture as well? I want the picture to be in front of the particles. Can anyone help me?
I learnt everything from this channel and I'm still learning. Infact I'm soo used to your teaching. It'll be great if you help with videos on crocoblocks and ACF! Thank you.
Hi Jim, thanks for the tutorial, just wondering how I can paste the js co so it appeas above a background? CUrrently it doesnt show whilst I have bacgkround colours on my site
This was fantastic. Thank you. I will now start creating my videos with all the effects I always wanted to make. BIG thank you.. I truly appreciate how Jim Fahad is helping us informative videos.
I followed the exact steps but getting an error Uncaught ReferenceError: particlesJS & Uncaught ReferenceError: Stats is not defined is not defined Can you please provide solution for this
Great tutorial.... but I am having an issue, when we use this html in a particular section, all the buttons in that section are not working or to be clear, we are unable to click on the button. Can someone please help?
Set the z-index of your button to be higher than that of the particles E.g if the z-index in the code you copied from his website is -1, you can set the z-index of your buttons to 0 or 1. It should work that way.
Thank you so much for this tutorial.. you are really a Great mentor ..I am impressed with you.. your channel is so informative with full knowledge.. I love you and Your work also .. I am your student and big fan ❤
can i apply same animation particle into multiple container using same class id name from same html widget? coz i cant use the same css class id more than in 1 container.
I learned so many things from this channel.. but unfortunately, I did 100 percent the same as u mentioned in this video.. but Particles Snippet animation is not working on my website.. why?? even I love this animation.
Wow, this is fantastic! There's an little error in the code, but thank you for everyone's comments, I corrected it and it worked amazing! Thank you Jim Fahad!
Hi, dear Jim, I did every step like what you did, but it doesn't work properly on my website. I'm running it on a local host as a test version. Is it the reason why it doesn't work?
I followed the same steps as you did, but it didn’t work. Is there anything that we need to change on snippet or javascript code? It shows only the background color that I’ve set it up
I did it and it worked, but it numbed the CTA buttons on the hero section. CTAs are no longer clicking and are non-responsive. Also, no widgets can go into the hero section anymore after using the particle effect. Quite painful.
Hi Jim thank you for this amazing tutorial i followed the exact steps ,but unfortunately i am not getting any particles effects at all i am using the latest elementor pro 3.10.2 can you feedback ?
hi jim i am a huge fan of yours and by now i have watched all your video but some how even after trying 20 times this effect doesnt show on my website. i noticed also that on the pen code i had a red icon saying :Uncaught ReferenceError: Stats is not defined. would really appriciate if you get let me know whats wrong about it by me.... thanks in advance
Ggreat video. However, every time I try it the particles remain under the heading, text and images. I have elementor and elementor pro. Yes I am a rookie but I can follow direction. I need more direction please..
Thanks very much for this tutorial! Very helpful! Has anyone found a way to make the particles go slower on mobile? Even speed 2 looks super fast on mobile devices.
@Jim - this is absolutely awesome, thanks a lot!! @all - does anyone know what to change if the section in which you are using the animation does not have the same height/width? I am trying on a section with a height of about 2 viewports, and it stretches a bit ugly there...
Is there a way for this to work on a regular section ? I did everything the way you did and the particles don't show up on the section where I wanted it to appear :/
Have you tried playing with the z-index setting on top of the HTML code? you need to put it higher than your background over which you wish to display the particles. That's what did the trick for me at least
my website got more then 20 pages......how to i add this animation in all pages? but without add the the code one by one in every pages???? can anyone pls help me?
I followed the steps and changed the z index's. But the animation isn't working directly over the section. My mouse has to be in the above section, so not hovering over the section I want it to, for the animation to work... It's so weird. It's like the distance of the mouse has to be a certain amount away from the section to work? Anyone else having this issue?
🔥Download Exclusive Elementor Templates: kitpapa.com 🔥
Some fixes to the code I made to make it work: changed z-index on line 6 of the HTML to 0, changed position on line 5 to fixed. Hope this helps!
thank you so much, I don't know how to thank you so much your message arrived in time.
I have been looking for a solution to make this animation work for 2 hours and as if by a miracle I found your message. You are an angel, I send you lots of kisses.
This also worked for me, thanks buddy❤
Thank you so much
a real hero! thanks!!
Thank you, buddy!
I must say Jim you are exceptional in what you do here. I don't need to use any Plugins rather.
This is the best training video ever..... Love it, Thanks Jim for all you do.
Yes I think this Jim Fahad is one the best if not the best web TH-cam guys ! I always come to his vids when I need to make something cool !
If it doesn't work change z-index on line 6 of the HTML to 0, changed position on line 5 to fixed.
Also, if you have buttons or something else you need to change their Z-index to a higher number or you wont be able to click the buttons.
Example:
particles Z-index: 0
Button Z-index: 1
Also changing position to fixed wont react to the cursor, i advise to let it absolute.
Hope this helps!
thank brother
Thank you so much brother
Hi Jim. Followed each steps but nothing appears on the page. Using latest version of Elementor Pro and Flexbox. Any idea where it went wrong?
Awesome work. Have you guys any idea, how I can place it in the background when I use a hero background in black and a background picture as well? I want the picture to be in front of the particles. Can anyone help me?
Add a z-index. 2 or 3
I learnt everything from this channel and I'm still learning.
Infact I'm soo used to your teaching. It'll be great if you help with videos on crocoblocks and ACF!
Thank you.
Hi Jim, thanks for the tutorial, just wondering how I can paste the js co so it appeas above a background? CUrrently it doesnt show whilst I have bacgkround colours on my site
i am wondering the same trying to add a video background behind the particles
This was fantastic. Thank you. I will now start creating my videos with all the effects I always wanted to make. BIG thank you..
I truly appreciate how Jim Fahad is helping us informative videos.
Your tutorials are becoming awesome day by day.
TNice tutorials is just the pick up I needed, thanks man
I followed the exact steps but getting an error Uncaught ReferenceError: particlesJS & Uncaught ReferenceError: Stats is not defined is not defined
Can you please provide solution for this
It worked perfectly, I just had to change the z-index in the snippet
Thanks man
if you don't have Elementor you can create a html element with this text and will be work:
You solved my big issue. appreciated your effort🎉
Just simply put the code, it works! thanks!
thank you man. it worked
Thanks a mil!
Thanks Jim for sharing your knowledge!... You deserve to have many more subscriptions!!!
Luv u brother..❤️❤️❤️❤️❤️❤️❤️ U r a King 👑
This is amazing dude, Hats off.. Thanks for sharing with us
Best video for all Elementor lover
Absolutely amazing Jim, thank you so much for your tutorials - I am so grateful!
Great tutorial.... but I am having an issue, when we use this html in a particular section, all the buttons in that section are not working or to be clear, we are unable to click on the button. Can someone please help?
same issue, got any solution?
Set the z-index of your button to be higher than that of the particles E.g if the z-index in the code you copied from his website is -1, you can set the z-index of your buttons to 0 or 1. It should work that way.
Thank you so much for this tutorial.. you are really a Great mentor ..I am impressed with you.. your channel is so informative with full knowledge..
I love you and Your work also ..
I am your student and big fan
❤
Hello Jim
Thank you very much for this tutorial.
Waiting for your next video 😊
can i apply same animation particle into multiple container using same class id name from same html widget? coz i cant use the same css class id more than in 1 container.
Assalamo Alikum bro you are the best trainer in the world, I am always waiting for your new tutorials. Thank you such a nice tutorials. 😀
Man!! You are an angel!!
Great Knowledge about wordpress animation
Thank you but what did you do I did it exactly but nothing happened...
I learned so many things from this channel.. but unfortunately, I did 100 percent the same as u mentioned in this video.. but Particles Snippet animation is not working on my website.. why?? even I love this animation.
my frind change the z-index : -1 ; for it to work make it 1 or a positive value
You are a life saver! Kudos to you! You rock!!
Wow, this is fantastic! There's an little error in the code, but thank you for everyone's comments, I corrected it and it worked amazing! Thank you Jim Fahad!
can u give the corrected code
Hi, dear Jim, I did every step like what you did, but it doesn't work properly on my website. I'm running it on a local host as a test version. Is it the reason why it doesn't work?
Keep it up bro
Thanks, that's very helpful.
I followed the same steps as you did, but it didn’t work. Is there anything that we need to change on snippet or javascript code? It shows only the background color that I’ve set it up
it didnt work for me either
Same its not working
Is there any solution?
me too I did same steps but it didn't work
in the snippet you copied from the link in the bio, make sure to change the z-index to "1" instead of "-1", that did it for me! hope this helps :)
Thanks. Is it possible to reuse particles-js in different sections? I tried to convert from ID to class but doesnt work? Thanks again in advance.
Amazing as always. Thank you
Thats really cool!
How much does it effect page speed?
hanks lot Sir.. You helping us..
thanks a lot for your nice tutorial
You're a life saver, thank you so much
I really love your videos
THANKS YOU VERY MUCH!! 10 / 10 !!!!
In The setup thank you so much!
I don't understand why it only works in the Elementor editor but not in the preview. If anyone knows why, I need help, thank you.
Thank you so much this helped a lot!!!! You saved my life
Hey the particles are infront of the text and photo, how do I get it behind or not on them like yours?
Change the Z Index?
I did it and it worked, but it numbed the CTA buttons on the hero section. CTAs are no longer clicking and are non-responsive. Also, no widgets can go into the hero section anymore after using the particle effect. Quite painful.
Hi Jim thank you for this amazing tutorial
i followed the exact steps ,but unfortunately i am not getting any particles effects at all
i am using the latest elementor pro 3.10.2
can you feedback ?
Same issue please help me
@@meharali8027 bro change the z- index value positive
@@jobbox5124 Thank you. How can I still see the particles when I scroll down?
changed z-index on line 6 of the HTML to 0
Wow! Super nice! I have my Logo in the Middle, can i change the code that it not reach the middle of the page?
Great thanks
🙂
Great content. Thanks
This is awesome!
Awesome bro
Nice tutorial, Thank You Bro
Thanks for informative video shearing
I'm just so greateful because you've been helping me so much along the way, thank you very much you're doing holy work here tks
You are the best!!
hi jim i am a huge fan of yours and by now i have watched all your video but some how even after trying 20 times this effect doesnt show on my website. i noticed also that on the pen code i had a red icon saying :Uncaught ReferenceError: Stats is not defined. would really appriciate if you get let me know whats wrong about it by me....
thanks in advance
if we edit the js particle to for example snow how do we get a hmtl snippet of that code
Amazing 👏
Ggreat video. However, every time I try it the particles remain under the heading, text and images. I have elementor and elementor pro. Yes I am a rookie but I can follow direction. I need more direction please..
Just amazing bro
Thanks very much for this tutorial! Very helpful! Has anyone found a way to make the particles go slower on mobile? Even speed 2 looks super fast on mobile devices.
@Jim - this is absolutely awesome, thanks a lot!!
@all - does anyone know what to change if the section in which you are using the animation does not have the same height/width? I am trying on a section with a height of about 2 viewports, and it stretches a bit ugly there...
my animation appears at the bottom of the container can you help me put it in the middle in the background like on the video?
Thanks, its work
Welcome 👍
it does not work for me! Is there something I'm missing?
It worked perfectly!!! Thank you so much
how it didnt work for me?
@@uzairanjum2252 set main container z index value to 0 or 1 it will work.thanks me later🙂
@@sumreenismsil6080 yes it works thanks
GOD!!!My broo
What an amazing tutorial. I don't use Elementor but FLATSOME. Can you help me change the css id to css class so I can apply it to the banner section?
বাংলাদেশের গর্ব,,,
Is there a way for this to work on a regular section ? I did everything the way you did and the particles don't show up on the section where I wanted it to appear :/
wait what is going on... when I delete the HTML widget the particles appear on the non-live version in Elementor
Have you tried playing with the z-index setting on top of the HTML code? you need to put it higher than your background over which you wish to display the particles. That's what did the trick for me at least
@@Highfours Yes. The same worked for me = )
only working in containers and not sections on my end ? Will it work with elementor basic sections ??
thank you so much
Awesome!!
why this code is not workign now?
you are the boooooooooommmmmmm😁😁😁
It's not working on my elementor builder. I flow each and every step. but it's not working.
Always a great tutorial.. but using the royal elementor addons plugin is easier and faster.
my website got more then 20 pages......how to i add this animation in all pages? but without add the the code one by one in every pages???? can anyone pls help me?
Can you help me, when I added the particles, the button on the home page not working
can see n move in wordpress...but come to live ...cant show....can anybody pls help me?
Yeah same here... not sure what's happening
I followed the steps and changed the z index's. But the animation isn't working directly over the section. My mouse has to be in the above section, so not hovering over the section I want it to, for the animation to work... It's so weird. It's like the distance of the mouse has to be a certain amount away from the section to work? Anyone else having this issue?
it's work but the particle ar shown on up the hero section image ,now how can i solve this anyone help me
excellent methods
good one bro
Hi, when I click on the codepen button I get a blocking message - how can I solve this?
can we do this without elementor as well?
sir your works fantastic. will you give us a video on Online course (LMS) website. Plesase consider my request.
Hi, I followed step by step but when I go to update it I get an error code 403. any reason for this?
so sNice tutorialt like that
Great work
After I added these particles on the mobile version, the background zoom went wrong! How to fix it?
but tis not workinng my site why
nice tutorial
Thanks
Bro particles generated website doesn't load.. is it any other website do same functionss.
I'm not sure! Try using it within Flex Container the way I've shown. It should work!