Nice video. There's a faster way, takes 3 min tops. If anyone needs, let me know and I'll post here.

Gotta be honest with you guys, I'm watching this in 2024. And you guys just got ALL MY ATTENTION. Thank you very much guys for existing. Hopefully, you can upload a version for 2024 with all the new tools and etc lol.

🎉

Awesome vid Nelson 👍 I'd love to see what you make of Divhunt. Looks very interesting!

how do you apply your license, to avoid the little banner atthe bottom right, I was told it has to be done during the installations, but dont see it here

There's been an update to the Rich Text Editor! When you disconnect it from the CMS, it doesn't contain the content. Instead, it lists all the Heading styles. This allows you now to be able to style all the headings easily. 1. Click on the heading you want to style 2. Go to the sidebar and under the Style Selector, click in the "search box" 3. A list should appear - click on the pink button that says "All H1 Headings" 4. Beneath that, click on "[+] Nest selector inside of Rich Text Block (or whatever the class name is)" 4. From there, change whatever settings you want for the heading. Note: If it doesn't work, double check if the Dynamic Rich Text Paragraphs has the matching class.

Well said, Nelson. Client first... (Now where have we heard that before...)

Excellent tutorial, thank you!

I really thought that it is very Webflow like but it seems Flexbox is still not implemented well. It still uses their iconic absolute positioning which is real bad with responsiveness. Thanks for the vid

Thanks for the video. The whole time I'm asking myself will he switch to mobile so we could see what it looks like. Still, was good to see a quick way to build a page with wix.

I love that idea of doing a first look on those website builders, looks fun, relatable and makes me want to try doing it myself. Thanks a lot <3

how would i add a border to it

I will never look at auntie the same again 😭😭😭

BROTHA WHY 💀💀💀

W video 🗣️🔥🔥🔥

Thanks again Nelson! 😁👋

legend thank u !

5:45 The way each dropdown menu collapses when one of it's duplicates are opened doesn't seem to work in the most recent version of Webflow (all stay open until individually selected again). is there a work around for this? I only want one dropdown visible at a time.

Hi! This worked really well for me up until you hit close modal and then the page that I'm on becomes unresponsive-- You are not able to interact with the page outside of the light box thumb images until you refresh. This is unfortunately an important feature I need to resolve but for some reason I cannot figure out why this is happening. Any thoughts?

i wish i was watching this live all the things you were asking yourself are right there lol sorry i was late man WIX can be very powerful

I think you should make some videos on webflow+wized+xano.

Here's the code which worked for me with two important adjustments: To show the right image you first need to get the right index with "$(this).parent().index();" instead of "$(this).index();" because you want to get the collection item position and not the position of itself. Second ":eq" is deprecated so I used this instead: ".find('.photo-strip-item').eq(eqNumb)". Which is resulting in: <script> var smallcaption = '', lightboximage = '', eqNumb = ''; $('.custom-lightbox-thumb').on('click', function(){ eqNumb = $(this).parent().index(); $('.custom-lightbox').find('.photo-strip-item').eq(eqNumb).trigger('click'); console.log(eqNumb); $('body').css('overflow','hidden'); }); $('.photo-strip-item').on('click', function(){ $('.photo-strip-item').removeClass('active'); $(this).addClass('active'); smallcaption = $(this).find('img').attr('alt'); lightboximage = $(this).find('img').attr('src'); $('.small-caption').text(smallcaption); $('.lightbox-image').attr('src',lightboximage); }) $('.close-lightbox').on('click', function(){ $('body').css('overflow','visible'); }); </script>

Here's the code which worked for me with two important adjustments: To show the right image you first need to get the right index with "$(this).parent().index();" instead of "$(this).index();" because you want to get the collection item position and not the position of itself. Second ":eq" is deprecated so I used this instead: ".find('.photo-strip-item').eq(eqNumb)". Which is resulting in: <script> var smallcaption = '', lightboximage = '', eqNumb = ''; $('.custom-lightbox-thumb').on('click', function(){ eqNumb = $(this).parent().index(); $('.custom-lightbox').find('.photo-strip-item').eq(eqNumb).trigger('click'); console.log(eqNumb); $('body').css('overflow','hidden'); }); $('.photo-strip-item').on('click', function(){ $('.photo-strip-item').removeClass('active'); $(this).addClass('active'); smallcaption = $(this).find('img').attr('alt'); lightboximage = $(this).find('img').attr('src'); $('.small-caption').text(smallcaption); $('.lightbox-image').attr('src',lightboximage); }) $('.close-lightbox').on('click', function(){ $('body').css('overflow','visible'); }); </script>

Any method for this being recognised by Webflow Logic?

Super helpful thank you!

Would be amazing if you could do a detailed Tutorial on it as the Smootify tutorials are quite rubbish.

Doesnt work for a lottie file as well

<script> $('.select-item').each(function(){ var s = $(this).text(); $('.select-field').append('<option value="'+s+'">'+s+'</option>'); }) </script>

I'm happy! It's just the magic of JS! Everything works. I've set up auto-play, but now I need to hide the buttons. How do I hide the buttons?

does udesly is paid extention?

LOL what about WordPress 💀

I am currently making a banner for my website and I used tabs for our 3 bug categories, each tab has its own bg video. Videos are hosted on Vimeo if it matters. If I’m on one tab it can loop for ever. When I go to the next one, next video loads and starts playing. When I go back to the previous tab - my video is just stuck on the last frame it had, and doesnt keep playing ( using elemntor, not a programmer or a designer at all tbh ). It already differs from your basic example, which is why I am not sure your solution is even relevant to my case. So you have any input you could give before I waste time trying to? 😅

Thank you!

I saw that website, what about the popup info that appears when you press on one person? How do you do that? Any tips on how to do this or any related videos? Thank you.

Practical as always. Thanks.

Amen to this video ! 3 years later still helped ! Thanks

This is gold

awesome. one kind request can you make the same interaction on scrolling the page instead of clicking the arrowlink

wow.thank you very much! this worked perfectly on first attempt.the pace and attention to details were important. definitely subscribed and liked button! i love webflow but just a few months in, and i struggle a bit with the animation. so thank you.

nice work thx

Great tip

Cool effect that was totally new to me and it was easy to do. Very nice tutorial.

Humm...it worked fine but it just exported the landing page of the webflow website (simple website with 4 pages...)...I followed the video steps, what did I missed here?

Hello. I wanted to ask a question. How to make such a slide with hover in wordpress, is it possible?

Please tell me this works with my CMS plan! From what I know I'm just able to use CMS on one website project

Saving my life +100 karma

Thanks man

Great tip man ! Thanks

Thanks so much for sharing this info