Elementor Animated Border | WordPress Elementor Pro Tutorial | Elementor Tips and Tricks

[@jimfahaddigital]

🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

[@Asad-Main]

Hello sir, Your work is amazing and I am learning alot and I really Appreciate it. Just one thing, can you do these with flex container, I have tried some like magic card, it didn't work. Problem was that the whole card glows.

[@ferdycom]

Hey Jim, last year I wrote you a comment. Sorry for that! You are taking things to the next level! Goodluck in everything you do 🙌🏻💪🏻🔥

[@jimfahaddigital]

Hey Ferdy! Let's forget about all those past comments.. haha! You're the rockstar brother! Thanks a million for appreciating my work!! May almighty keep you always healthier. And, lots of love for Noah and Lize!! 👦👶

[@ferdycom]

@@jimfahaddigital i wish you the same Jim! I have not seen the whole video but I like the intro with the lamp 😁

[@srisri-ee2uz]

That's how gentleman talks😍

[@shehumahmed]

Hey Ferdy, it's great catching up with you here. I hope you're doing good. By the way, how is the new born baby 🍼 doing?

[@shehumahmed]

Ferdy, you're a legend, I have learned a lot of things from you. Thank you and may Almighty Allah continue to bless you and your family. Mohammed Shehu Ahmed from Ghana.

[@georgio3753]

Just being 100, this is the only reason I came on KZbin today. Thanks mate!

[@troyds]

Mr Jim, you are one of the best Elementor developer here on KZbin who gives FREE tutorial for everyone. Thank you so much! Keep on sharing your knowledge.

[@olubayosam]

I love your videos man... And you are also super interactive on the Facebook group too Thanks man

[@jinu.freelance]

Man, You are one of kind. I have never seen someone doing great like this. Keep doing. All the very best.!!

[@BloomingDesigns_byMel]

Ooh Geez!!! Best website animation tutorials ever!!! One more subscriber here brother!

[@Kazunakazawa]

You just gained a new subscriber! Great work!

[@dheyno3403]

Perfeito Jim Fahad, seus vídeos são excelentes. Adorei! I live in Brazil and have always followed your videos.

[@murtza.rehman]

Jim Fahad you're doing such amazing stuff wit& Elementor. They should probably pay you for this.

[@bourgeoisweb]

you make us grow with your video content. thanks Jim

[@InsightBoxTV]

It's lovely tutorial. Now I learned a new item from Jim. Thanks for this tutorial.

[@rabiulazadtapu1485]

I am always waiting for your new uploads. You are awesome man!

[@Bhardwajweb]

Jim you are rock star of elementor

[@azrulnaqeeb]

This guy keeps dropping down some bomb content, Love your video Jim Fahad!

[@TheAdilsonweb]

Sou do Brasil e esse canal é o melhor sobre design Elementor

[@FK-ce5rq]

Thanku man you are the best keep going 👍

[@PGEAZYY]

Thanks for the very informative tutorial bro! New subscriber here 👍👍👍

[@Sashad2003]

You have a very creative approach. I like it. 👍

[@CanvasRecordings]

Thank you, Jim! This was very helpful, creative and you are a such good teacher! Keep them Elementor tutorials coming!!!

[@neilcaparida5177]

Great content. You deserve more views and subscribers

[@youchannarath3559]

Very useful video , really recommend

[@flix-tw5ow]

Awesome as always. Thank you very much!

[@fahadahmed2239]

Thanks for these high quality tutorials brother!

[@aSNIBangla]

you are a great brother. love you. take my love,💕💕💕 from Bangladesh

[@jubairhossain1583]

best KZbin channel ❤️❣️

[@susangemayel-tapper3794]

Absolutely brilliant, thanks for the tutorial Jim.

[@xzineth]

This was awsome thank you! Love being able to add a little extra customization to my site builds.

[@konradmazur6996]

Amazing, Thank You.

[@rockychain3831]

your intro just awesome

[@ciberey]

Great and amazing videos bro! Thanks

[@healthadvisor6969]

Thanks for making this tutorial ❤️ This is a Very very useful video 👌

[@Jc-si6pj]

Jim by far has the best tutorials I've ever saw on KZbin man I really appreciate you educating us!!

[@Wihgi]

Nice to share this tricks. Let's try.. 😄👍

[@dannyfoo]

Okie. This is very cool stuff with CSS.

[@Minenhle]

Damn bro 👏🏽👏🏽 amazing work

[@mobilmainanindonesia]

Love this. Thank you!

[@zyedonty7250]

Good tutorial and I am trying to implement everything in my portfilio

[@muralivariyam773]

Very Good. Thanks

[@md.nayeem623]

this tutorial is very helpful

[@cricketpitchlive]

Can you make the same tutorial for a flex box container

[@nobodyknowsme611]

you are the best 💪💪💯

[@jimfahaddigital]

yay!! ❤️❤️🔥🔥

[@OmarWaleed]

Great as usual, thanks

[@multymanager7403]

Me alegra encontrar este canal

[@mdifthekharulalam6602]

Just Insane.You are best

[@konradmazur6996]

Could you show how to do it in the new elementor ? In containers.

[@andonisr]

Hey thank you for this tutorial! Unfortunately, however, it doesn't work out with Containers! I can't figure out how to apply it to containers that I'm working with..! Any updates would be appreciated!

[@jimfahaddigital]

I'll make a container version of this tutorial very very soon!! Thanks for the heads up!! 😇😍

[@andonisr]

I sort of tried applying it to containers, it half worked but you could see some jumping of the animated border, so it wasn't as smooth. I will try again when I have some more time for this! It's a really nice animation, so worth having it up to date with elementor. @@jimfahaddigital

[@Taxita]

Well done.

[@tharakamadushan2662]

You are the best. Love the idea.

[@brto]

Elementor Legend

[@AK57bro]

Very good 👍

[@Rohan.Haque1]

Can i use the animated border on image backgrounds?

[@warrior7862]

amezing tutorial ..can you plz make a video how to make a custom slider ( image and text ) .. elementor slider is so boring ...

[@asharabbas9607]

Love it ☺️

[@PerryWebCreations]

amazing work!

[@حياةالغاب]

great job

[@ishfaqseher]

that's amazing video sir

[@bestprintfactorytonercartr9949]

tks if we need 4 colors not only 2 how to make it, please

[@LucianoLoboNC]

Very good, thank you very much. Can you upate this to use the new conteiner feature in Elementor?

[@CarlRing05]

Hi Jim, I use flexbox containers and have tried to follow this tutorial several times with flex box but just does not work. Will you be updating any of these tutorials to use flexbox? Thanks

[@andreinazevallos7646]

Hey Jim! how can i do if i want to make this effect in hover?? thank for your videos!

[@emaneoudjani]

Hi, you're so talented!!! i use this animation on a website but how can i hide it on mobile device please? thank you ! 🙏

[@mc1slongamer586]

Hi. Please tell me how to make this css be called in any of the sections, without adding css to each section?

[@robertstewart828]

Hey Jim, given that the software has updated to Flex Box containers instead of columns, how does this affect the building process? Is is possible to apply this border effect to anything? I.E. an image that you want to add an animated border to? Please advise. Thank you.

[@mathycruz8276]

Great tutorials. I only encountered a small problem while trying to implement multiple Animated CSS styles (animated border+ rotating images) but one effect would apply to both. Using unique CSS classes didn’t help either. Now what should do !?

[@philnance2543]

So I'm having trouble with the flex box adjusting the minimum height. whenever I adjust the height the 3 boxes in the middle also change height? I'm not sure how to work around this issues. Does anyone know how to solve this issue?

[@misterbruce994]

how to create this with container in the latest elementor update?

[@AcademiaWPX]

Sensacional, obrigado.

[@md.joynalabedin2696]

You're the boss.

[@saaqisahafi1979]

Hey jim, TNX for great content, please explain the CSS code

[@shivajadivlogs3301]

WHEN I UPADTE AFTER DESIGN LIKE THIS THE EFFECT WAS NOT SHOWING IN PAGE ONLY SHOWING WHEN IM EDITING IN ELEMENTOR

[@armanazij]

Nice 👌

[@funny-project]

Hi Jim, this is great tutorial. I have a little problem with this. In elementor editor the animation is running, but when I klik preview changes, the animation not running. Do you have any suggestion what should I do?

[@jonathandebrito2524]

can't do this with the new elementor version.. can you update?

[@mowiidabdullahi3308]

Hi Jim how r u, i need to know something about SEO because my website not showing google search, how to build SEO if you can ?

[@supaman6928]

Please can you repeat it container

[@indikauih]

Can the the animated border effect start only with the hover on the content? How do you handle it?

[@SMSayem-j7t]

Anyone, Please can you share that code snipt ?

[@bySterling]

You should Def $ell these custom creations for us to download and use sir Jim!

[@syahrulfahmi4990]

Hello Mr. Jim, how to add shadow on that border animations? What the CSS code?

[@tripleoneweb9566]

nice bro

[@JocelinCarvajal]

How can you make the animation run once?

[@nabilsalim7463]

Auto Subscribe 👍

[@theravenrage]

hello, how to use multiple css animations on one page, if I use several then the animation breaks on the top block

[@victory9654]

does it work with gutenberg?

[@mariano-cucinotta]

Thanks for the great tutorial. Unfortunately I have trouble understanding the language and I'm struggling to figure out if some parameters are part of the outer column instead of the whole column. When they are + columns you could use the navigator and rename the various objects. I have tried and tried doing it step by step but I can't. Could you please share the .json file? Thanks anyway even if you can't. Good job!

[@jimfahaddigital]

Please try again! They are well tested and will work if you follow each step carefully! And, all the .json files of all my Elementor tutorials are coming soon as little paid templates! Thanks!

[@KAUEZINHO]

This works on safari? Or only in chrome?

[@nuraalam3225]

elementor king

[@rafaqjanjua]

Can we use html /css/js commands in WordPress. If Yes how? Plz short describe

[@EntronsTv]

Bro How To Put That In Post Grid Pls Make The Tutorial For That pls

[@littlechamp8]

I love you sir

[@ArnoldVeeman]

Awesome tutorial Jim! Is there away to make the start of the stripes gradually opaque? (Like a glow)

[@markgrint6302]

Just discovered you : love the content! Wondering if it's possible to have 'n' loops of the colour around the image after which the animation stops but the colours remain where they are? OR Is it possible to have the colours start out at opposite corners and grow along the sides until they touch (whereupon they stop)?

[@mayankjha2399]

Please help me in creating custom products tab in woocommerce... As by default it is showing description, additional information reviews. But I want animated and easily editable tabs. Please help.

[@behindthescene4808]

Great

[@soerenadz]

How can I apply this to a button?

[@maurolima4274]

THE MOOOOOOOOOONNNSSSSSTTTTEEEERRRRRRRRR!!!!

[@raviraut8313]

Jim sir.. Please make live share market related service website

[@syedfaizhassan9783]

Sir how to fix tbis error?

[@Fuzful]

Don't know why but doesn't work for me :/ When i copy the css code, it doesnt fit inside the border but remain like a big colored bar that turn around :/ Can you tell me you please?