An interesting story about how I got into your videos. Two weeks ago a client told me that the price I was charging for a website was too high. He said: "Your website doesn't worth this much. Look at these websites!" (he showed me 5 GREAT websites). He continued: "Money is not the problem here, but if I'm going to spend a high amount of money on something, this something must deliver more than the standard. Everyone can do what you do for a lower price". I realized that I was delivering a mediocre service (websites, design, branding,...you name it). Big clients want great ideas, great deliveries, out of the box thinking. Then I asked myself: "What IS the extraordinary? What is an extraordinary website? What makes a great website...Great?". I discovered that websites that tell a story, have good interactions / animations make their eyes shine (and let's be honest: these are really cool features). That's how my "pursuit of the extraordinary" lead me to your channel. Every technique that you teach here is GOLD for increasing the website experience. Every video you make is a key to unlock a new opportunity for better websites, betters interactions, self-confidence. So, I just want to thank you so much for sharing your knowledge, for being so kind and helping others to increase their service level. You are awesome, Andrea. Thank you, thank you!
Oh, Fernado! this was one of the most eye watering messages I've received on here so far. Thank you very much for your kind words, you have no idea what this means to me! If there's anything you would like to see on the channel, drop it under the video I have set as a 'trailer'. Let's keep making extraordinary websites!!!!
Nice tutorial! The negative margin you applied at 3:43 bothered me though. This causes the wrapping behavior on tablet and mobile. When the text becomes too big it will wrap again. I looked into it and I found a CSS solution. Eventually I thought I could simply solve this with flex-wrap: nowrap on the ul and white-space: nowrap on the li to prevent the words to break. And indeed, when I tried that in the Chrome devtools it worked like a charm, but it didn't in the Elementor editor. When I checked the devtools I noticed the CSS was simply ignored possibly due some specificity issues I can't solve. So I tried it with CSS grid... Do the same thing, but DON'T add the negative margins. Instead add this CSS in the iconlists selector .elementor-widget-container { overflow: visible; } selector ul { display: grid; grid-auto-flow:column; } selector li { white-space: nowrap; } Now the text will never wrap again and you can make it as big and small as you want.
hello, i was excited when i saw this tutorial and i wanted to add this to my landing page, but when i tried the margin didnt work and it disappear, so im asking how i can fix it. :))
Hello Andrea! Really good content here, thank you very much 😊 I wonder if there a way to make the scroll marquee fully vertical, filling the whole website from top to bottom. What do you think?
Hi Andrea, I'm a fan of your channel, but I have a question about this video. How do I remove the green/red guide that appears on the side of the page? This guide appears to me on the normal web.
Amazing videos, please make a video on image scroll parallax effect in elementor, as you have shown color changing effect on scroll, please make it Thank you for making such videos they are very useful for us🎉
Hehe hello how you are doing good Tip for you to work quick 😉 . After changing typography r margins etc of one container you can just click on copy and then paste style on the other will make it automatically like first one No need to do it like this again. Wonderful videos though Thank you 😊
How do you see yourself using this feature?
You are the best
Wow! The way you demonstrated moving text on scroll using Elementor is incredibly helpful. Thanks for the fantastic tutorial! 👏💯
You're very welcome!
will never get enough of these videos, loved it!
I sure hope so!!! thank you, Joel!
Thank you so much it really helps 👍🙂
An interesting story about how I got into your videos. Two weeks ago a client told me that the price I was charging for a website was too high. He said: "Your website doesn't worth this much. Look at these websites!" (he showed me 5 GREAT websites). He continued: "Money is not the problem here, but if I'm going to spend a high amount of money on something, this something must deliver more than the standard. Everyone can do what you do for a lower price".
I realized that I was delivering a mediocre service (websites, design, branding,...you name it). Big clients want great ideas, great deliveries, out of the box thinking. Then I asked myself: "What IS the extraordinary? What is an extraordinary website? What makes a great website...Great?". I discovered that websites that tell a story, have good interactions / animations make their eyes shine (and let's be honest: these are really cool features).
That's how my "pursuit of the extraordinary" lead me to your channel. Every technique that you teach here is GOLD for increasing the website experience. Every video you make is a key to unlock a new opportunity for better websites, betters interactions, self-confidence.
So, I just want to thank you so much for sharing your knowledge, for being so kind and helping others to increase their service level. You are awesome, Andrea. Thank you, thank you!
Oh, Fernado! this was one of the most eye watering messages I've received on here so far.
Thank you very much for your kind words, you have no idea what this means to me!
If there's anything you would like to see on the channel, drop it under the video I have set as a 'trailer'. Let's keep making extraordinary websites!!!!
this videos are gold please keep uploading they are different and more pro
Will do, Santiago! thank you so much!
6:38 "Lets see how this looks on tablet" The way you look at the camera says it all lol
Nice tutorial!
The negative margin you applied at 3:43 bothered me though.
This causes the wrapping behavior on tablet and mobile. When the text becomes too big it will wrap again.
I looked into it and I found a CSS solution.
Eventually I thought I could simply solve this with flex-wrap: nowrap on the ul and white-space: nowrap on the li to prevent the words to break.
And indeed, when I tried that in the Chrome devtools it worked like a charm, but it didn't in the Elementor editor.
When I checked the devtools I noticed the CSS was simply ignored possibly due some specificity issues I can't solve.
So I tried it with CSS grid...
Do the same thing, but DON'T add the negative margins.
Instead add this CSS in the iconlists
selector .elementor-widget-container {
overflow: visible;
}
selector ul {
display: grid;
grid-auto-flow:column;
}
selector li {
white-space: nowrap;
}
Now the text will never wrap again and you can make it as big and small as you want.
hey Frank!!! I love all your solutions, thank you for this !!!!!
Nice!
Really cool technique, thanks for sharing!!
your videos are incredible! congratulations for the work
Thank you so much, Thiago!
hello, i was excited when i saw this tutorial and i wanted to add this to my landing page, but when i tried the margin didnt work and it disappear, so im asking how i can fix it. :))
I like all video Elementor thank you maam because I have learn a lot of video
You are welcome!
Andrea back with another banger!! 🔥
hehe, you know it, Dawood!
Love it, thank u for sharing✌️👍🏻
Awesome! Thank you for watching it 🤓
Hello Andrea! Really good content here, thank you very much 😊 I wonder if there a way to make the scroll marquee fully vertical, filling the whole website from top to bottom. What do you think?
Amazing as always. Do you have a trick to add scrub to the scrolling?
Very cool! 🎉
Thanks! 😀
Love this tutorial. I can’t find scroll effect on my Elementor, is it a pro feature only?
Thank you! Yes, scrolling effects are a pro feature of Elementor I'm afraid.
thank you
You are so sweet..! Love to watch you do the tutorial..☺
Thank you so much!😁
Pretty cool indeed 👏🏾
Thank you
can we do similarly for image when we scroll images move
Ha, yes! I have a video coming next week for this effect with images. It has been requested a lot so I said, let’s go it! 😅
Thanks for creating this ❤
You’re welcome ☺️
this does not work for me. as soon as I put the -200% margins it completely disappears and I cannot move forward with the tutorial
hmm, it's still working on my end, email me and I will send you the json file. You can look to see if you followed all the steps ;)
Hi Andrea, I'm a fan of your channel, but I have a question about this video. How do I remove the green/red guide that appears on the side of the page? This guide appears to me on the normal web.
Amazing videos, please make a video on image scroll parallax effect in elementor, as you have shown color changing effect on scroll, please make it
Thank you for making such videos they are very useful for us🎉
Thank you so much
Wow
Awesome tut bring tuts n framer too
Thank you Shivu! I’m considering it 😉
@@andreaegli Yeah! Andrea waiting for it 😉
nice, that so cool
thank you!
Nice girl, thanks very much!
Hehe hello how you are doing good
Tip for you to work quick 😉
.
After changing typography r margins etc of one container you can just click on copy and then paste style on the other will make it automatically like first one
No need to do it like this again.
Wonderful videos though
Thank you 😊
Hey! Thank you😉
Yup, I know but I keep forgetting that we have this option now😁
wowww ❤🎉
🤓
i dont have the horizontal scroll
full menu with creative popup please make video Elementor
will keep that in mind.In the meantime, you can check this out: th-cam.com/video/2BbgbHEVfA0/w-d-xo.html
You should do Website review series
I might but I have some other videos in the pipeline for now 😉
no comment !!!!
thank you!
okeyyy got it but I want to make it infinite loop
I love you. That's all I want to say to you
Awww, thank you, Serena 🥰 why tho? 😁
@@andreaegli Because I've been looking for so many months for another woman to explain it to me and show me how to do this and be nice about it