Advanced Tutorial: How to Create an Animated Text Effect in Elementor - Sites on WordPress
video description
Date: 2022-04-30
Related videos
Comments and reviews: 10
Michael
Great tutorial but, like so many other Elementor tutorials, the presenter neglects to mention that Elementor Pro is required for the tutorial to work. This was 5 minutes of wasted time for me. Again, this happens ALL the time, and one need only review the comments on numerous Elementor tutorials to see how frustrated this makes viewers who try the tutorial only to realize after considerable wasted time and effort that it won't work because they don't have Elementor Pro! The only hint in this tutorial that Pro is required is a vague reference to -Get Elementor Pro- which could easily be dismissed as an attempt to get users to upgrade which also occurs quite often in Elementor tutorials, as opposed to it being required for this tutorial to work. PLEASE relay to the people at Elementor who make these tutorials to clearly specify at the very beginning - and also in the title/description of the tutorial - if Elementor Pro is required before people end up wasting their time watching and trying to make it work with the free version!!!
reply
Great tutorial but, like so many other Elementor tutorials, the presenter neglects to mention that Elementor Pro is required for the tutorial to work. This was 5 minutes of wasted time for me. Again, this happens ALL the time, and one need only review the comments on numerous Elementor tutorials to see how frustrated this makes viewers who try the tutorial only to realize after considerable wasted time and effort that it won't work because they don't have Elementor Pro! The only hint in this tutorial that Pro is required is a vague reference to -Get Elementor Pro- which could easily be dismissed as an attempt to get users to upgrade which also occurs quite often in Elementor tutorials, as opposed to it being required for this tutorial to work. PLEASE relay to the people at Elementor who make these tutorials to clearly specify at the very beginning - and also in the title/description of the tutorial - if Elementor Pro is required before people end up wasting their time watching and trying to make it work with the free version!!!
reply
Nicola
Hi Zif, thanks for this - really helpful! Question - is this system meant to be responsive? I've overlayed two images to accomplish a similar effect, but it isn't responsive. I've set the min height of the first inner to the image height of 760px, and brought the second inner up by using a negative top margin of the same amount. Looks perfect. But when I reduce the screen size and the images shrink proportionally, the negative top margin of the second inner is relatively too large and the image shoots out on top. How would I fix that?
reply
Hi Zif, thanks for this - really helpful! Question - is this system meant to be responsive? I've overlayed two images to accomplish a similar effect, but it isn't responsive. I've set the min height of the first inner to the image height of 760px, and brought the second inner up by using a negative top margin of the same amount. Looks perfect. But when I reduce the screen size and the images shrink proportionally, the negative top margin of the second inner is relatively too large and the image shoots out on top. How would I fix that?
reply
Gabriele
Nice effect, works properly on Desktop, but seems it's not responsive on mobile devices, example: zooming out the screen on mobile, the homepage shrinks to the left side, leaving a huge white space on the right area of the screen. After hiding the sections with moving text, the issue was gone. Then I wonder if having duplicated inner sections like this can slow down the web page.
reply
Nice effect, works properly on Desktop, but seems it's not responsive on mobile devices, example: zooming out the screen on mobile, the homepage shrinks to the left side, leaving a huge white space on the right area of the screen. After hiding the sections with moving text, the issue was gone. Then I wonder if having duplicated inner sections like this can slow down the web page.
reply
estate0007
Elementor is a dream come true for every designer with just very basic HTML/CSS skills. You could use that scrolling effect combined with overflow:hidden also to scroll a screenshot vertically inside of a mobile phone mockup. Please keep posting these inspirational how-to videos!
reply
Elementor is a dream come true for every designer with just very basic HTML/CSS skills. You could use that scrolling effect combined with overflow:hidden also to scroll a screenshot vertically inside of a mobile phone mockup. Please keep posting these inspirational how-to videos!
reply
Your
I Am SOOOOO GLAD I INVESTED IN -ELE-PRO- ( My Nickname for Elementor Pro:) !!!! It is well worth the money BECAUSE all of the -How to vids- are clear and to-the-point, AND easy to follow AND Totally right on!! THANKS -ELE-PRO- for making things easy for a NON-TECHIE- like me.!!!
reply
I Am SOOOOO GLAD I INVESTED IN -ELE-PRO- ( My Nickname for Elementor Pro:) !!!! It is well worth the money BECAUSE all of the -How to vids- are clear and to-the-point, AND easy to follow AND Totally right on!! THANKS -ELE-PRO- for making things easy for a NON-TECHIE- like me.!!!
reply
Muhammad
Successfully created one, but the left 33% padding did not work. Moreover, you will not see exact results in editor mode, you need to have patience and test in the browser mode.
Bundle of Thanks for the Tutorial.
reply
Successfully created one, but the left 33% padding did not work. Moreover, you will not see exact results in editor mode, you need to have patience and test in the browser mode.
Bundle of Thanks for the Tutorial.
reply
Alessandro
This doesn't work for me inside the elementor editor. Works in the public site tho. Why? lol. I see one thing in the editor and other things in desktop, ios mobile, android mobile. Crazy......
reply
This doesn't work for me inside the elementor editor. Works in the public site tho. Why? lol. I see one thing in the editor and other things in desktop, ios mobile, android mobile. Crazy......
reply
Lasagner
Help! When i go to advanced tab/motion effects for my heading I only have these 3 options: entrance animation, animation duration and animation delay?! :'( THERR IS NO SCROLLING EFFECT OPTION)
reply
Help! When i go to advanced tab/motion effects for my heading I only have these 3 options: entrance animation, animation duration and animation delay?! :'( THERR IS NO SCROLLING EFFECT OPTION)
reply
The
Great ... I was able to understand what overflow means, that is ... that the elements continue to be displayed even when they leave their container ... very good tutorial, very ingenious.
reply
Great ... I was able to understand what overflow means, that is ... that the elements continue to be displayed even when they leave their container ... very good tutorial, very ingenious.
reply
Gabriele
It seems like the -overflow Hidden- function is not working with me. I followed every step but when I try to switch to hidden, nothing happens. Someone had the same struggle?
reply
It seems like the -overflow Hidden- function is not working with me. I followed every step but when I try to switch to hidden, nothing happens. Someone had the same struggle?
reply
Add a review, comment
Other channel videos
