This is so cool and can make a website so much more dynamic. Especially if you want to bring the focus on something like a cta. I'm not sure I would have every divider animated though as it probably would be too distracting, but adding that to just the right places can be really powerful.
@konstantinderevjanko196
Жыл бұрын
Wow! I did not only find out that this actually works but improved my CSS skills along the way.. very great video, thank you very much!! :)
@saidfleury
2 жыл бұрын
I dindt know body{ overflow-x:hidden} was to hide the slidebar, and I have been with this problem for a long time. THANKS A LOT MAN! awesome video.
@saidfleury
2 жыл бұрын
It's really amazing how you explain each part of the code! thanks!
@christinebecker6997
Жыл бұрын
WHY is this video so helpful!? :D Thank you!!
@aimanhaziq5246
Жыл бұрын
For you guys who wants to add the code snippet but dont have elementor pro, use HTML section and put it on anywhere on the page. and in the HTML, write and paste the code snippet from the description ininside the style.
@justinekeegan3432
2 жыл бұрын
Awesome video! So many great tips in here and so so so well explained. Thank you!!
@zase_hajek
2 жыл бұрын
Thanks man. I know exactly where to use it!
@stellarbiotechdesign
Жыл бұрын
Excellent tutorial. Thanks!
@hidan4703
Жыл бұрын
i would really appreciate it if you respond quick , im having an issue , i applied this custom css to one of shape divders , but if effected all the other shape dividers , is there any solution for that
@TayabBhatti193
Жыл бұрын
Great Video and a Clear explanation. How can v add the same CSS in Divi page Builder kindly Answer?
@WickyDesign
Жыл бұрын
Thank you! Sorry, I stopped using Divi back in 2017.
@christinebecker6997
Жыл бұрын
Ok what if you only want it to affect only one section? Like just the header shape divider but none of the others you use? Tried a few different things and it didn't change the other shape divider... 🤦♀
@bySterling
2 жыл бұрын
Awesome! 🙌🏻⚡️👏🏻⚡️👍🏻
@tharakamadushan2662
3 жыл бұрын
Hi Great Tutorial. After adding the animation when I reload the site, the whole site is pushed to the animation direction, Is it possible to stop that?
@WickyDesign
3 жыл бұрын
Thanks for watching. Make sure the animation CSS code isn't included inside the body brackets.
@alializadeh4062
2 жыл бұрын
I have this issue too. Can you explain how to fix it?
@shaniamedi2160
2 жыл бұрын
@@WickyDesign i have the same issue but no matter what i tried to do it didn't work, can you please explain how to solve it? Thank you!
@JasvirKaur-gd5xk
2 жыл бұрын
Thankuuu 😍
@DonnaEmmInFL
3 жыл бұрын
This is AWESOME!!!!!! Thank you Thank you Thank you! One issue though, this is still displaying on the mobile view within Elementor even with } @media only screen and (max-width: 320px) { .elementor-shape {display:none;} } at the end of the code.
@WickyDesign
3 жыл бұрын
Thanks! Try to remove the bracket before @media. You can also change the 320px to 767px.
@DonnaEmmInFL
3 жыл бұрын
@@WickyDesign Thank you!!!
@nichart
Жыл бұрын
This is really great. I only wish it would loop without it going back and forward. I have tried your code from the video with animate widgets across the screen with an infinite loop. It didn't work for me.
@WickyDesign
Жыл бұрын
Thanks for watching. I don't think that's possible using the built in shaper dividers. That effect requires custom HTML and CSS to make it work correctly.
@carsoundsintheworld
Жыл бұрын
How can you do this when you scroll only?
@mariano-cucinotta
3 жыл бұрын
Thanks for the tutorial, I had seen other similar videos before but they were all more elaborate. I would like to ask you if it is possible to put this CSS code in Custom Code of elementor pro and call it with a class. If it is possible, could you point me to suitable documentation to understand how to do it or an example? Thanks again and compliments for the information
@WickyDesign
3 жыл бұрын
Thanks for watching! Yes, it's possible using the CSS element>element selector www.w3schools.com/cssref/sel_element_gt.asp. So in our example you can use the following CSS: .cssclasshere > .elementor-shape
@mariano-cucinotta
3 жыл бұрын
@@WickyDesign Thank you for your response. I tried to connect to the link you pointed me to it gives me 404 page.
@WickyDesign
3 жыл бұрын
Try it again. I updated the URL.
@mariano-cucinotta
3 жыл бұрын
@@WickyDesign Thanks again for your response. I took a look, I will try to figure it out. I don't know if I will be able to do what I asked, I can see that the structure of the example seems to be complex for what are my skills.
@Gauddus
2 жыл бұрын
Can't change my CSS code, it's only with pro? Did that change?
@WickyDesign
2 жыл бұрын
Correct, the Custom CSS section is a Pro feature.
@Heaven-wm3zt
3 жыл бұрын
How do I move to animation one side only?
@WickyDesign
3 жыл бұрын
Below are the CSS classes for the bottom and top shape dividers. This gives you the ability to target only 1 shape divider. .elementor-shape-bottom .elementor-shape-top
@distantnoises
3 жыл бұрын
This throws a horizontal scroll bar on touch devices for me :(
@WickyDesign
3 жыл бұрын
I see it also on mobile devices. Elementor has a built in Overflow setting that should work. Go to the section with the shape dividers and under Layout/Overflow choose Hidden. This should hide the scroll bar on the front end.
@kcol3747
2 жыл бұрын
How to get it to loop without it going back and forward. I thought the tutorial what I have done it.
@WickyDesign
2 жыл бұрын
I created a video on how to animate widgets across the screen with an infinite loop here: kzitem.info/news/bejne/yqepqGpsfISmhII
Пікірлер: 39