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.!!

[@murtza.rehman]

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

[@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.

[@InsightBoxTV]

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

[@Bhardwajweb]

Jim you are rock star of elementor

[@bourgeoisweb]

you make us grow with your video content. thanks Jim

[@BloomingDesigns_byMel]

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

[@azrulnaqeeb]

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

[@youchannarath3559]

Very useful video , really recommend

[@CanvasRecordings]

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

[@rabiulazadtapu1485]

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

[@neilcaparida5177]

Great content. You deserve more views and subscribers

[@susangemayel-tapper3794]

Absolutely brilliant, thanks for the tutorial Jim.

[@jubairhossain1583]

best KZbin channel ❤️❣️

[@paulgomez786]

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

[@flix-tw5ow]

Awesome as always. Thank you very much!

[@FK-ce5rq]

Thanku man you are the best keep going 👍

[@Sashad2003]

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

[@TheAdilsonweb]

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

[@fahadahmed2239]

Thanks for these high quality tutorials brother!

[@ChimmiChanga]

Thx for the tutorial. I recreated it with "containers". However, the "rotating color-bar" in the background (CSS-Code) is not perfectly centered now. How/Where can I adjust the CSS code so that it is in the middle of my card?

[@kohlertiago]

Same issue here.

[@jimfahaddigital]

I'll try to create a flex container version of this tutorial soon! No worries!

[@tedytok18]

@@jimfahaddigital problem not function

[@MavsFit]

@@jimfahaddigital really?

[@Man23192]

I have the same problem as well, Pls Mr.Fahad helps us🙏

[@xzineth]

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

[@konradmazur6996]

Amazing, Thank You.

[@nobodyknowsme611]

you are the best 💪💪💯

[@jimfahaddigital]

yay!! ❤️❤️🔥🔥

[@rockychain3831]

your intro just awesome

[@ciberey]

Great and amazing videos bro! Thanks

[@dannyfoo]

Okie. This is very cool stuff with CSS.

[@Jc-si6pj]

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

[@mdifthekharulalam6602]

Just Insane.You are best

[@mobilmainanindonesia]

Love this. Thank you!

[@Minenhle]

Damn bro 👏🏽👏🏽 amazing work

[@aSNIBangla]

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

[@healthadvisor6969]

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

[@tharakamadushan2662]

You are the best. Love the idea.

[@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

[@multymanager7403]

Me alegra encontrar este canal

[@zyedonty7250]

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

[@OmarWaleed]

Great as usual, thanks

[@md.nayeem623]

this tutorial is very helpful

[@muralivariyam773]

Very Good. Thanks

[@asharabbas9607]

Love it ☺️

[@brto]

Elementor Legend

[@ishfaqseher]

that's amazing video sir

[@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.

[@PerryWebCreations]

amazing work!

[@Wihgi]

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

[@cricketpitchlive]

Can you make the same tutorial for a flex box container

[@Taxita]

Well done.

[@warrior7862]

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

[@LucianoLoboNC]

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

[@AK57bro]

Very good 👍

[@andreinazevallos7646]

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

[@konradmazur6996]

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

[@Rohan.Haque1]

Can i use the animated border on image backgrounds?

[@md.joynalabedin2696]

You're the boss.

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

great job

[@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

[@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?

[@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 !?

[@mc1slongamer586]

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

[@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 ?

[@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?

[@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 ! 🙏

[@saaqisahafi1979]

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

[@syahrulfahmi4990]

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

[@bestprintfactorytonercartr9949]

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

[@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.

[@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)?

[@armanazij]

Nice 👌

[@theravenrage]

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

[@indikauih]

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

[@nabilsalim7463]

Auto Subscribe 👍

[@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!

[@maurolima4274]

THE MOOOOOOOOOONNNSSSSSTTTTEEEERRRRRRRRR!!!!

[@shivajadivlogs3301]

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

[@misterbruce994]

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

[@ArnoldVeeman]

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

[@tripleoneweb9566]

nice bro

[@AcademiaWPX]

Sensacional, obrigado.

[@jonathandebrito2524]

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

[@rafaqjanjua]

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

[@SMSayem-j7t]

Anyone, Please can you share that code snipt ?

[@benschmitz2673]

I am having an issue with the colors rotating being almost grayed out. It's almost like there is a translucent gray shape on top. Any ideas?

[@JocelinCarvajal]

How can you make the animation run once?

[@nuraalam3225]

elementor king

[@victory9654]

does it work with gutenberg?

[@KAUEZINHO]

This works on safari? Or only in chrome?

[@frankstone]

Just a suggestion.... Should you want to share more elaborate CSS code projects, perhaps consider showing the project but offering it for sell only as a .json file for download.

[@jimfahaddigital]

Awesome! That's really a great idea!! Thanks a mil!! 🤗🤗

[@ilievgeorgi2217]

Oh yeah!

[@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?

[@EntronsTv]

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

[@littlechamp8]

I love you sir

[@supaman6928]

Please can you repeat it container

[@Marcin.Komografika]

Wow man !