WEBINAR: Level Up Your Design Skills With Sticky Elements In Elementor Pro [ADVANCED]

Подписаться 341 тыс.

Просмотров 58 тыс.

50% 1

Join Ziv Geurts, Designer & Elementor’s Lead Educator, for a step-by-step walkthrough on how to build more advanced designs with sticky elements in Elementor Pro. He’ll cover the basics and show 3 creative ways for you to take your designs to the next level.
6 Takeaways:
✓ Apply sticky effects to single & multiple elements
✓ Understand the Stay In Column setting
✓ Use offsets and padding to create desirable results
✓ Use CSS snippets to edit widgets even further
✓ Create cool sticky motion effects with custom positioning and z-index
✓ Manage sticky elements on tablet and mobile devices
Additional Links:
1. Inline Positioning: • How to Use Inline Posi...
2. Global Colours & Fonts Webinar: • Global Colors & Fonts:...
3. Adding Custom Fonts: elementor.com/blog/custom-fonts/
4. Motion Effects Playlist: tinyurl.com/f57k6unh
5. Mobile Responsive Webinar: • Making Your Sites Tabl...
Don't forget to subscribe to our channel!
Get Elementor: elementor.com/
Get Elementor Pro: elementor.com/pricing/

Опубликовано:

7 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 81

@Elementor Год назад

2022 UPDATE: Width and Position (previously named Custom Positioning) can now be found under the Advanced > Layout tab.

@GlobalReset-yu1jm Год назад

I don’t have that option 🤔

@WShawn 2 года назад

This is probably the best tutorial I've seen for Elementor. Most tutorials (and the online Elementor guide) do a really crummy job of explaining WHY things work the way they do. They usually just consist of "click this button, enter this value, etc" withough explaining WHY or HOW these thing actually work.

@____julia____ 3 года назад

Starts in 6 days....3 waiting 🤣. Elementor you have us hooked

@denverfrancisco3365 3 года назад

Dunno if you guys cares but if you're bored like me during the covid times then you can watch all the new movies on Instaflixxer. I've been streaming with my gf these days :)

@gaelridge6501 3 года назад

@Denver Francisco yea, been using InstaFlixxer for years myself :)

@JoseSanabriart 3 года назад

Aquí esperando!!!

@SimonWYHuang 3 года назад

Pretty awesome way to make webinars instead of using Goto or zoom :D

@chrismiltimore 3 года назад

This was an excellent webinar. I learned something new in the first 2 minutes. Well worth the time. I'm looking forward to learning more.

@Elementor 3 года назад

Wow what a compliment, thanks Chris! Stay tuned, there is some great content coming this way 😊.

@tjveach 3 года назад

Great job, keep this stuff coming, and give us either the assets or create a template that we can look at and reverse engineer

@tomelledge2940 3 года назад

Excellent tutorial! Thanks so much!

@AudioSushiDJs 3 года назад

Thank you. These tutorials are invaluable. I always learn so much.

@Elementor 3 года назад

Thank Audio, I'm happy you found it valuable 😄!

@hashimomer1758 2 года назад

I absolutely love the quality of content!!

@bySterling 3 года назад

Beautifully AMAZING!! We would LUV if this level of blocks and pages would be added to our Elementor Pro imports for 2021! #NEXTLEVEL100

@Elementor 3 года назад

Great request TheWebStylist! I'll ask the team 😊.

@fransalas-pluginsweb 3 года назад

Thanks for the video!

@sharonreaves 3 года назад

That was AMAZING! I can't believe how much I learned in such a short period of time. Thanks!

@spydergs07 2 года назад

This was an awesome video!

@alejandrasantiagoacosta3284 Год назад

I love it! Great job.

@DonnaGott 3 года назад

This was so great! It gave me a ton of ideas that I can use on my site.

@Elementor 3 года назад

Inspiration is what I aim for 😊 Thanks Dee!

@rukminikotamraju 2 года назад

Thank you so much.

@janickalexander689 2 года назад

this is paradise !

@designinkdigital 3 года назад

Thanks for SO many ideas you have given me. Good job on presentation.

@Elementor 3 года назад

I'm glad you found it inspirational 😊, what did you like best?

@guntergys 3 года назад

I am ready to follow ..... Looking forward...

@Elementor 3 года назад

Thanks for the follow Gunter!

@alihaider-qz4oq Год назад

It realy helped me thank you

@fredcurrie8195 3 года назад

Excellent webinar Ziv! In the future I would like to learn about how to use dynamic tags.

@Elementor 3 года назад

Hi Fred, thank you for your comment and suggestion. I'll be sure to pass it on to the team.

@sherlwinc Год назад

Great!!

@kevinlefournis6293 3 года назад

YOU ARE A BOSS 👍🏻

@AadityaSharmas 3 года назад

Great....👍

@togetherenglish8654 3 года назад

Really, I like it. Thank you very much!

@Elementor 3 года назад

I'm happy to hear that Elaman 🤩!

@webitedzjapan 3 года назад

Great!!!

@blagojelukic 3 года назад

This guy knows his stuff

3 года назад

This is so awsome, but how does this kind of layouts impact on google site speed in lighthouse?

@brmo9442 3 года назад

Great webinar, learnt more than just sticky elements.

@Elementor 3 года назад

Wow! I'm happy to hear that br mo!

@yamcolle412 Год назад

DUDE! thants beautiful/ im now working on it. do you wnat to see the end result? if so i will limk it here ! PLUS great job men. your english your speed is great! thank you

@wolfgangkaldewey3640 3 года назад

Great tutorial with high end content as usual, Ziv! Is the rimagen design you worked on somewhere life to see on an existing website or do you have website(s) with similar layout?

@ajwebhub Год назад

excellent

@valentinababbo-indigospot7514 2 года назад

Hello, gorgeous tutorial! Please can you share with us how to make an image rotating (like the watches in these tutorial)? Thanks

@JacksonPathilchirayil 3 года назад

Super!!! If you can share the link of the website where you made the above design and sticky elements for us to see the preview. It would have been great.

@alessandrorizzo5384 2 года назад

Hi there, congrats on this tutorial, it's really useful! I don't have understood very well a thing: On minute 22:25 you use the Elementor custom position settings to move the heading on the image, but I can't understand why and which is the exact effect of this on the element. Couldn't you just leave it there and then use the z-index? Maybe I've lost some detail, could you explain me better this step, please? Thank you very much!

@connectadnan4669 3 года назад

I love this Man, Specially Hayo I am Ziv from Elementor ❤️

@Elementor 3 года назад

Right back at you man❤😎

@connectadnan4669 3 года назад

@@Elementor please make videos on (Woocommerce + elementor pro ) How can we create fully functional e commerce sites with Elementor not just basic.

@tarti666flette Год назад

Hey @elementor did you make a video for the text stroke effect ? Can't seem to find it

@DanielDalal 3 года назад

Is there a link to download the page you made in the examples?

@mariana97873 9 месяцев назад

Now with containers, the "stick to column" doesn't seem to work? How can I decide where the image should stop scrolling at the top, like the example at 6:30?

@adnanamin3666 3 года назад

Thank you! Learned new things. Would you be so kind to make a tutorial on off-section bleeding column/image? These days we are given a lot of design templates which includes many bleeding column and image. Which is very difficult to implement. A tutorial on this would be very helpful for the community. Thanks!

@salmankhan97974 3 года назад

I hope this video will help. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WfOLii0lI-8.html

@knor11875 Год назад

At 25:35 how do we learn the transparent outline effect? I couldn't find the video linked in the description.

@parveensultana6501 2 года назад

Hi i like your videos too much , today i learn new skill in elementor pro, can you give me some idea how to keep these effects same as desktop in mobile same, like i want sticky date and picture comes in same line

@nehajangid1158 2 года назад

The video is amazing! I'm trying to create sticky design on my website and I'm only getting the "stay in the column" option in the image section, not in the inner column what should I do. If somebody knows how to fix this please let me know, I have tried Custom CSS code everything but nothing worked.

@Xanthi_S 2 года назад

I don't know if you have figured it out, but I think I experienced the same issue as you. The stay in column function is indeed only in the image section. However, I noticed that it doesn't work if it's only one image, the one you want the sticky effect on, on this column. I also noticed in the video that he has more elements/widgets in the same column. So I tested a bit. If you add more widgets in that same column, right under your image that you want to be sticky, then the "stay in the column" works. I hope it helps :)

@aurauder 2 года назад

so at 7:20 you describe work on the second section and you start by dragging a section inside of a section but elementor won't let you do that how did you pull this off????

@fasihurrehman9575 2 года назад

Sticky column or section is not working properly with new flexbox layout containers. the sticky element expands or shrink randomly when its in sticky state. anyone have solution for this? or anyone tried it with new flexbox containers?

@debleenasarkar6243 3 года назад

Great video. I want to learn about the rotation motion effect. When will you make a tutorial on this?

@Elementor 3 года назад

Hey Debleena, have you checked out the motion effect playlist yet? ru-vid.com/group/PLZyp9H25CboH0hMcZnE93oJQq6hiik7LK

@debleenasarkar6243 3 года назад

@@Elementor oh no 😂, thank you so much 🥰

@MrJixies 2 года назад

@@Elementor Great tutorials but the rotation motion effect with the watches is nowhere to be found???

@tjveach 3 года назад

Maybe consider giving us the assets so we can learn and try this without trying to find assets to give this a go?

@fernandatorga3554 2 года назад

My Elementor doesn't show the "stay in column" option. Why is that?

@markcell6662 3 года назад

Hello, thanks for webinar ;-) but I have a problem with Sticky (I don't see Stay In Column in Motion Effects) it is possible?

@Elementor 3 года назад

Hi Mark, thanks for your question. This option is in the Inner Section widget settings: elementor.com/help/inner-section-widget.

@j.alejandroglez 3 года назад

Hi! Does anyone knows the css for the outline stroke when image is hover?

@j.alejandroglez 3 года назад

@UCvjkJvHUd8kTbTV5N0CP2mQ Sweet! Do you know how to set it up so when te image is over it transforms?

@j.alejandroglez 3 года назад

@Steven Kiridis thank you!

@liorparente6349 2 года назад

how can i make the effect like you did in ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XiQV4nE8vu8.html? I'm looking to transport a header/paragraph with a picture (some of the letters will be transparent)