Make an Orbiting Circle Image Hover Effect/Animation in Elementor | Cool Team Member Section Design

[@EngMuhammadTawfeeq]

Thank you so much. despite selling the template, you explained the very details to make it and also how to customize it. It's rare nowadays to find such a professional expert in field and diving deep into details to come out with such an outstanding result like you did. you deserve to be highly-appreciated.

[@MakeDreamWebsite]

Thank you for the great appreciation! Glad to know that!

[@zzinuecode]

You are a very experience man. Thank you so much for sharing. It worked flawlessly.

[@MakeDreamWebsite]

Glad to help you! 🙏

You're the one of the greatest designer that I've ever seen, I wanted to ask you, everything goes perfect but when I open the website from my phone, it the inner circles look weird and random, could you tell us why? Thanks in advance!

[@TracyOwens-rf1lp]

very nice. thanks for the step by step

[@MakeDreamWebsite]

You’re welcome!

[@snifferx5002]

Great tutorial Sir, can you please tell us How to disable default image (when you open the section to not show first image, whats the command to show images only on hover without the first one.

[@Md.AshrafulAlam-e4m]

dynamic content including possible? plz make it another tutorial.

[@HamzaAli-os9tk]

The divider code is working on mobile but not on desktop or tablet. Can you provide a solution for this issue?

[@cinderellakaren]

Very explicit Mine only worked after I made a duplicate on the same page. I ended up turning off the responsiveness of the duplicate copy on all devices before the original one could work

[@MakeDreamWebsite]

I think you have done some mistake. It will work perfectly even if you have multiple set of this section in a same page…

[@healthadvisor6969]

Really amazing tutorial 👍

[@MakeDreamWebsite]

Glad you liked it

[@kaisalbalkhi8080]

Thank you so much. All the other tutorials were selling some sort of plug-in and you showed us how to custom-code this. It's not bad to get your hand dirty and learn some good UX on the way.

[@MakeDreamWebsite]

Thank you! Great to hear!

[@pranavnarain3143]

everything is good, but its not responding on click in mobile version. What might be the problem? why is not working in mobile version?

[@leonardogaldamez171]

you are the best!

[@toptenvirals]

I ran into a problem where my divider doesn't change in size even when i add weight or height. please any help?

[@龍鳳生物科技]

you are very good.I just would like to ask a question how can I show it in popup ~thank you

[@MakeDreamWebsite]

You can email me…

[@龍鳳生物科技]

@@MakeDreamWebsite I sent you an email. Thank you.(^^)

[@startupmediadk]

Hi. Everything looks good on mobile and in the backend / when editing - but on the front end of my website, it's completely messed up. I've send you an email with a video showing the problem. Can you help me out?

[@devanshghunabat7070]

really good content, can the images be changed automatically without hover is there any way we can do that

[@MakeDreamWebsite]

You need to edit the JavaScript code for that

[@J-doggMain]

​@@MakeDreamWebsite Thanks for the informative video. Can you please assist with the code and explain how I can edit it to rotate/cycle through the images?

[@nesrinehammideche3862]

thank u ❤💚💚

[@MakeDreamWebsite]

You're welcome 😊

[@meinbeautycoach]

Hello there, how can I change the red color that circles the selected member? kind regards.

[@MakeDreamWebsite]

Go to the container where you put the class: mdw-orbit-images At the beginning of its custom CSS, you can see that color option: --image-active-border

[@meinbeautycoach]

Thank you a lot!@@MakeDreamWebsite

[@nava28]

Good video, you are very good. I just would like to ask a question, how can I add more images to the circle?

[@MakeDreamWebsite]

You're very welcome! You can just duplicate those small images as well as the containers at the middle. That's it!

[@simtoonz]

hi, i buy this template from your site, but i discover two image at glob not change when i click at small image. Image at center not change at all. And small image dont have border color blue or red. how i can fix it?

[@MakeDreamWebsite]

You can email me

[@stefanvemic]

I have made a mistake somewhere or this isn't working after some update. After publishing and previewing the web page only one picture showing at the top of the ring. Any help?

[@MakeDreamWebsite]

You may be missed up something. This is compatible on the latest Elementor update. Can you please do the steps again carefully!

[@stefanvemic]

@@MakeDreamWebsite Just to inform, works perfectly now

[@cinderellakaren]

I faced the same issue. Mine only worked after I made a duplicate on the same page. I ended up turning off the responsiveness of the duplicate copy on all devices before the original one could work

[@SamsonAdeyemi]

Really cool

[@MakeDreamWebsite]

Thanks much!

[@balorfinn6514]

Thank You So Much Vaiya

[@MakeDreamWebsite]

You're welcome!

[@thc5440]

Hello vaiya. Amar akta site baniyechi wordpress diye.Akta problem face korchi . Seta holo ami mobile theke visite korle site ta zoom in-out(user scalable) kora jacche na.. Ata fix kmne korbo aktu bolben please

[@mntrioey]

Sir could you please make a video of spin and win using elementor .

[@ZHARCO]

Thank you sir

[@MakeDreamWebsite]

You're welcome!

[@startupmediadk]

Hi, I still haven't heard back on any of my emails, but I can see that you've opened them and looked at the videos I send - is there any other way you prefer to be contacted?

[@MakeDreamWebsite]

Hi, can you please send your live page link on the email....

[@MakeDreamWebsite]

From your link I can see you have not set the height and width of those small images...

[@startupmediadk]

Thanks alot, it works now!

[@MakeDreamWebsite]

You're welcome!

[@gabsdigital]

Do i really need elementor pro?

[@MakeDreamWebsite]

Yes, Elementor pro is needed for this

[@Mat_informatiK]

Hello, I paid for this template but it doesn't work.. The circles supposed to spin don't even appear, And it is very difficult to change the pictures in the template, Can you help me please ?

[@MakeDreamWebsite]

Yes, definitely. You can email me at [e-mail]

[@nabilsalim7463]

Yes me neither who following the step that you guide us from this chanel, and the issue also same the circles is not shown in the live page clearly blank only orbit picture circle are shown, but if in the elementor builder page the circles effect are working.

[@Laibakhan-im8bi]

I am really sorry please forgiveme it was amaizing I like that

[@MakeDreamWebsite]

May be you're doing some wrong step that causes error. Can you please follow the steps carefully again.. BTW, this free tutorial and the paid template both are the same thing. So, if this video doesn't work for your website then, the template also will not be working. Then, I recommend you not to buy and waste your valuable money. There is nothing to scam.

[@viveksaini9809]

Sir why you are not creating in old section

[@MakeDreamWebsite]

In the future version, Elementor probably shift to the new flexbox container. That's why I made them with Container...

[@openparachute17]

Thanks

[@MakeDreamWebsite]

Very welcome

[@obinnacharles6466]

First to comment 💕

[@MakeDreamWebsite]

😍😍

[@subhankhurram3831]

❤

[@MakeDreamWebsite]

Thanks!

[@markk364]

turn on close caption, mute the accent!

[@ifaiyapromi1618]

🙄🙄its very helpful...

[@MakeDreamWebsite]

🙄🙄🙄thank you...

[@pooriaarab]

Beautiful tutorial. Everything works on elementor page builder but when I click on preview or navigate to the URL, it wouldn't work. Why is that? Here's the live link: beeloud.xyz/creatorthon/sponsors

[@MakeDreamWebsite]

May be some CSS code is conflicting