Hi Jim, What an amazing share! I am a regular Elementor user as well, and I learn a lot from your videos. I think you do an amazing job with your videos and I have been able to use Elementor better after watching your videos. I think this was a great tutorial as well. I gained a lot of insights from this video, and I will be implementing this tutorial in my project very soon. Thanks a lot for such an amazing video, it was a great watch.
Thank you, Jim!!! ❤️ This!!! Glad to see that you answered my question concerning cinema-graphs in computer mock-ups. It provides a more Real World application to work that's being done. I Totally Appreciate it!!! Is it possible to do a Real Estate Listings website with ACF and Dynamic Pages? All the Best! 🏆🏆🏆Take Care. 😊 🚀 🚀 🚀
Sensational. I did exactly as in the video and it was perfect on desktop, but on mobile the image is not displayed. The image only appears if I change the size of the space widget, but since I can't use % in the size of the space widget, it doesn't look good on mobile.
Great stuff and without one line of CSS. Very very clever. You can even add a background overlay with a gradient white to transparent to simulate some glare effect :-) Can you explain how the 91.6% width and 51.5% top padding was calculated for the ratio? Or was this done by eyeballing and trail and error? Can you do the same for a tablet and phone mockup, maybe a TV screen mockup with a video?
This trick is not working properly in the newest version of Elementor Pro. When you finished to setup all the tutorial, then select the container with the background image, go to advanced tab and add a CSS additional code: selector { transition: 3s; } Good job! :)
Hello, Thank you very much for this interesting video and the other excellent work you do. I tried to implement this but with a video. Unfortunately I dont have sound/voice when I play it as background. Any ideas?
Hi Jim, thank you so much for this special class. Doubt... How do I make the options appear in the container, when hovering over the mouse, duplicate as in this class. Your classes are amazing!
I just can't get it to work with different dimensions on the screen. The image and the muckup screen move in different amounts, so it wont cover it properly...
Hi, Thanks! Does it work if you zoom in or zoom out? Beause for me it doesn't. :( That looks for me a bit unprofessional. Or I did something wrong? Thanks! Rob
assa vai website upor theke niche scroll korle bg image left theke right a jay r nich theke upore scroll korle bg image right theke left a jay eita kivabe kore?( motion effect er kotha boltsi na ami)
Hi Jim, I was able to make the same scrolling effect using the flexbox container. However there is a HUGE space below the container. How do I get rid of that space? Another problem discovered is that the content positioning does not work on all browsers. :(
I tested this video and it did not work for me unfortunately the transaction duration when I hover on the image does not work .. When I click on the image it happens swap between up center and botm center.. Everyone help me
PROBLEM! After some Elementor and elements updates the scroll stops working. It just jumps to bottom immediately without scroll. Tried to recriate it but nothing. Anyone else facing this?
Hello @UCToSQO0Xu4FU3JuZTvIgxbw ❤️. Could you make a tutorial on how to create a website for Real Estate. In Codecanyon I made some Themes in this niche, but like you I am afraid that the person who created the Theme will not perform more Updates or abandon the project, you know how uncomfortable it would be to tell your client that his site is not going to work anymore , it would be disappointing. You could create something with element, Crocoblocks or ACF or any other way you know. Greetings in advance.
🔥Download Exclusive Elementor Templates: kitpapa.com 🔥
How do I put these effects in popup image?
Your level of research is high, thanks for this great tutorial.
you are the best person i have ever seen on youtube giving very precise and correct information.hatsoff...
The best channel on youtube! Could you do some gsap effects including locomotive scroll and stuff?
I learned something really really interesting. You are the man..........................thanks.
Glad to hear it! ❤️❤️❤️
Thank you so much for being generous. I am new sub here. You are an angel.
well done man, I already implemented this on my website, thank you
Lucas, funcionou direitinho no mobile? No que fiz apresentou problemas
OMFG you rock! This tutoril is GREAT!
My Mentor and Tutor. Thank you sir
Love all of your innovative ideas. Thanks so much for what you do. It's helped me greatly with my freelance work.
Hi Jim,
What an amazing share! I am a regular Elementor user as well, and I learn a lot from your videos. I think you do an amazing job with your videos and I have been able to use Elementor better after watching your videos. I think this was a great tutorial as well. I gained a lot of insights from this video, and I will be implementing this tutorial in my project very soon. Thanks a lot for such an amazing video, it was a great watch.
your tutorial always helpful! thanks from indonesia 😁
Thank you, Jim!!! ❤️ This!!! Glad to see that you answered my question concerning cinema-graphs in computer mock-ups. It provides a more Real World application to work that's being done. I Totally Appreciate it!!! Is it possible to do a Real Estate Listings website with ACF and Dynamic Pages? All the Best! 🏆🏆🏆Take Care. 😊 🚀 🚀 🚀
You are awesome my friend! Thanks for the tutorial! Keep up the good work!
Thanks for sharing. This is what I’m looking for.
I like your All videos... Thank You Bro and Take Love
Thank you very much Jim, excellent tutorial.
Waiting this tutorial from so long 🫡❤️❤️
Thank you Sir
Awesome tutorial, and thank you so much for sharing 😊.
Very nice, now i got this, thanks man.
Very clever Jim, well done!
Awesome tutorial. Thank you 💗
Great tutorial - thanks bud
Thanks for this great tip brother!
Sensational. I did exactly as in the video and it was perfect on desktop, but on mobile the image is not displayed.
The image only appears if I change the size of the space widget, but since I can't use % in the size of the space widget, it doesn't look good on mobile.
Yeah @Jim Fahad how would you make it work for mobile?
He already showed what should do for the mobile device
@@mhasancoder Yes, but the way it does in the video doesn't work properly outside of Elementor.
Nice tutorial again 👍🏽👍🏽👍🏽
Wow great trick. Thnak you! ❤️
Great stuff and without one line of CSS. Very very clever. You can even add a background overlay with a gradient white to transparent to simulate some glare effect :-)
Can you explain how the 91.6% width and 51.5% top padding was calculated for the ratio?
Or was this done by eyeballing and trail and error?
Can you do the same for a tablet and phone mockup, maybe a TV screen mockup with a video?
Nice video
and very helpful
Thank you so much
This trick is not working properly in the newest version of Elementor Pro. When you finished to setup all the tutorial, then select the container with the background image, go to advanced tab and add a CSS additional code:
selector {
transition: 3s;
}
Good job! :)
thank you bro
It's incredible brother
Thanks for sharing Bro.. God Bless U..
Love you sir from Pakistan
Awesome! Thank you
Tanks so much…..
Thank you so much!!! 😁
Crack my Man, good efect and visual sensation.
Hello, Thank you very much for this interesting video and the other excellent work you do. I tried to implement this but with a video. Unfortunately I dont have sound/voice when I play it as background. Any ideas?
Very helpful tutorial ;) thanks
Thanks for the video Jim, your content is amazing. Can we do this without using the FLEX BOX?
Thank You So Much
Very important tutorial
amazing!
Thank you! Cheers! ❤️❤️
Best work keep it 💓💓💓💓
Love u brother ❤️❤️❤️
Thanks bhai, ami ethodin eitay khujsilam 😀
Thank you Brother
super bro vera level
Great tricks
TOP!
Hi Jim, thank you so much for this special class. Doubt... How do I make the options appear in the container, when hovering over the mouse, duplicate as in this class. Your classes are amazing!
really great
followed your guide EXACTLY and when you hover it just jumps to the bottom of the image. any workaround (aka it doesn't scroll)?
mine too bro did you fix this?!
Amazing
Thank you! Cheers!
Wow I love your videos! Can you make a tutorial on something similar but with only 1 computer and slider to change images?
💞💞💞💞💞 best
Wow,
thank you bro
Bravoooooo
I just can't get it to work with different dimensions on the screen. The image and the muckup screen move in different amounts, so it wont cover it properly...
great video
Did not work in my laptop 😭💻
Can we do something similar but instead of an image, can we actually insert a video?
Can you explain how the 91.6% was calculated for the ratio?
This is cool
Hi, Thanks! Does it work if you zoom in or zoom out? Beause for me it doesn't. :( That looks for me a bit unprofessional. Or I did something wrong? Thanks! Rob
In this, whatever image you set will remain fixed.What if I want to add this product image on a single page?
thanks alot for this video can i use this image to commercial use?
Can we design this without changing the flexbox container in elementor?
Can I ask why you used a spacer?
Good
Thank you for this Jim... But what if we want to use a smartphone mockup or desktop mockup... Instead of a PC Mockup...
How will we get the mockups?
You can do it by following this. You have to use a smartphone instead of mac and set the width by calculating on your own.
assa vai website upor theke niche scroll korle bg image left theke right a jay r nich theke upore scroll korle bg image right theke left a jay eita kivabe kore?( motion effect er kotha boltsi na ami)
hello sr how this section turn into slider it will be more efficient like we can use this section as a portfolio so kindly tell me regarding this
Hi Jim, I was able to make the same scrolling effect using the flexbox container. However there is a HUGE space below the container. How do I get rid of that space? Another problem discovered is that the content positioning does not work on all browsers. :(
Can you make a tutorial like this one however with the inner section?, because this is in beta at the moment.
I tested this video and it did not work for me unfortunately the transaction duration when I hover on the image does not work .. When I click on the image it happens swap between up center and botm center..
Everyone help me
Hello Fahad I Hope you are doing well. I want to tell you this way is not work on new version of Elementor pro. Kindly make a new tutorial on it.
Each page will have to be created separately for each product!😳
Hello, i dont have options in settings for flexbox container why?
Hey, it's not working anymore. Please check and reply with a new solution 🙌
same for me here. scrolling duration effect is not working anymore :((
PROBLEM! After some Elementor and elements updates the scroll stops working. It just jumps to bottom immediately without scroll. Tried to recriate it but nothing. Anyone else facing this?
yeah, just tried it..still not working.
After that my page is loading very slow
Scrolling still in fast even I change into 3sec
can i make this using free elementor??
Yes
Hello @UCToSQO0Xu4FU3JuZTvIgxbw ❤️. Could you make a tutorial on how to create a website for Real Estate. In Codecanyon I made some Themes in this niche, but like you I am afraid that the person who created the Theme will not perform more Updates or abandon the project, you know how uncomfortable it would be to tell your client that his site is not going to work anymore , it would be disappointing. You could create something with element, Crocoblocks or ACF or any other way you know. Greetings in advance.