Designbase
Designbase
  • 71
  • 244 350
Webflow Tutorial: Delete Classes Permanently
In this tutorial, we’ll show you how to delete all classes in Webflow to keep your projects clean and organized. Learn the step-by-step process to efficiently delete classes in Webflow and optimize your workflow.
🔹 What You’ll Learn:
• How to delete classes in Webflow individually
• Methods to delete all classes in Webflow at once
• Tips for managing and organizing your classes effectively
Whether you’re cleaning up unused styles or streamlining your design, this video covers everything you need to know about deleting classes in Webflow.
👍 If you find this video helpful, please like, share, and subscribe for more tutorials!
###
Try Webflow: webflow.partnerlinks.io/try-webflow-by-designbase *
###
Follow me on LinkedIn:
www.linkedin.com/in/ui-ux-webflow-felix-brodbeck/
###
Work with my studio:
www.designbase.studio
* Affiliate link
Переглядів: 349

Відео

How to Delete (Uninstall) Apps in Webflow
Переглядів 99Місяць тому
In this tutorial, we’ll guide you through the process of how to delete apps in Webflow. Learn the simple steps to uninstall apps in Webflow and manage your integrations effectively. 🔹 What You’ll Learn: • How to delete apps in Webflow step by step • The process to Webflow uninstall apps • Tips for managing and organizing your Webflow apps Whether you’re cleaning up unused apps or troubleshootin...
How to create a Webflow backup and restore it [Step-by-Step Tutorial]
Переглядів 3112 місяці тому
In this tutorial, we’ll guide you through the process of creating a Webflow backup and show you how to restore it whenever needed. Protect your Webflow projects by mastering the art of backups! 🔹 What You’ll Learn: • How to create a Webflow backup of your project • Steps to restore your Webflow backup • Best practices for managing and organizing your backups Whether you’re new to Webflow or loo...
Webflow CMS Slider Tutorial [EASIEST nocode solution with FINSWEET CMS Slider]
Переглядів 2,5 тис.2 місяці тому
Hi fellow Webflowers! In this Webflow CMS Slider Tutorial, I'll show you how to control your slider content from one place by integrating Webflow's native slider with the CMS using Finsweet's CMS Slider. This is perfect for instances like testimonial sliders, where you might have the same slider across multiple pages and want to update content universally or display different testimonials on di...
Master Webflow Sliders - Beginners Tutorial [Easy Nocode Solution]
Переглядів 4,2 тис.2 місяці тому
Hi fellow Webflowers! In this must-watch Webflow slider tutorial, I’ll show you everything you need to know about using Webflow’s native sliders. By the end, you’ll know exactly how to build dynamic, responsive sliders - like the testimonial slider we’ll create together. Plus, I’ll share a handy CSS hack to keep your sliders consistently the same height! Here’s what you’ll learn in this Webflow...
Create AUTOMATIC LISTS in Webflow with CSS COUNTERS (MUST WATCH!)
Переглядів 2633 місяці тому
Description: In this video, I demonstrate how to implement automatic numbered lists in your Webflow projects using pure CSS counters. This technique allows you to add dynamic numbering to elements like headings within Rich Text fields, enhancing your workflow and providing a smoother editing experience for your clients. By leveraging CSS counters, you can automate numbering without manual updat...
Protect Your Email from SPAMBOTS in Webflow with this TRICK!
Переглядів 7883 місяці тому
Hi fellow Webflowers, in this video, I am showing you a simple way how to prevent probably 95% of spambots crawling your websites for email addresses. This trick is simple, doesn't require any coding knowledge, and it works on all websites (doesn't even matter whether you are using Webflow or something else.) Here is the link to the tool that I use in the video www.3fx-media.de/web-tools/e-mail...
Homepage breakdown of a B2B SaaS website [FIGMA WALKTHROUGH]
Переглядів 3605 місяців тому
Hi fellow Webflowers and Figmatics, in this video I will walk you through a homepage UI design I did for Weflow (getweflow.com) a B2B SaaS company. I will explain to you the strategy behind each section and element and what makes it great. This is a great opportunity for you to learn when you are on your journey to become a professional UI designer. Let me know in the comments what you think ab...
How To Easily Create A Multistep Form In Webflow with ChatGPT
Переглядів 3,4 тис.6 місяців тому
Hi fellow Webflowers! Are you looking to create a multistep form for your Webflow website without relying on external scripts and tools? You're in the right place! In this video, I'll show you how to create your own multi-step form using ChatGPT. You can find the link to the cloneable, including the script, in the comments. If you want my prompts, leave a comment below the video with the word "...
Complete Webflow Forms Tutorial for 2024
Переглядів 7 тис.8 місяців тому
Complete Webflow Forms Tutorial for 2024
How to LAZY LOAD VIDEOS in Webflow [Tutorial + Cloneable]
Переглядів 1,9 тис.8 місяців тому
How to LAZY LOAD VIDEOS in Webflow [Tutorial Cloneable]
Webflow Dropdowns: How to fix closing animations on mobile
Переглядів 3,1 тис.10 місяців тому
Webflow Dropdowns: How to fix closing animations on mobile
Export High-Resolution Images from Figma for Webflow (WEBP)
Переглядів 3,1 тис.11 місяців тому
Export High-Resolution Images from Figma for Webflow (WEBP)
Webflow Scroll Animation Tutorial (Fundamentals, Reveal on Scroll & Parallax)
Переглядів 21 тис.Рік тому
Webflow Scroll Animation Tutorial (Fundamentals, Reveal on Scroll & Parallax)
How to activate WEBFLOW LOCALIZATION SETTINGS (multilingual)
Переглядів 2,5 тис.Рік тому
How to activate WEBFLOW LOCALIZATION SETTINGS (multilingual)
Steal these 5 WEBFLOW BUTTONS [cloneable]
Переглядів 3,5 тис.Рік тому
Steal these 5 WEBFLOW BUTTONS [cloneable]
Send AUTOMATED MAILS after form submissions in Webflow
Переглядів 10 тис.Рік тому
Send AUTOMATED MAILS after form submissions in Webflow
LEVEL UP your WEBFLOW GAME with CUSTOM CSS TRANSITIONS
Переглядів 891Рік тому
LEVEL UP your WEBFLOW GAME with CUSTOM CSS TRANSITIONS
Duplicated Animations in WEBFLOW and how to SOLVE IT
Переглядів 656Рік тому
Duplicated Animations in WEBFLOW and how to SOLVE IT
Mastering WEBFLOW STYLE GUIDES [Figma to Webflow Step by Step]
Переглядів 6 тис.Рік тому
Mastering WEBFLOW STYLE GUIDES [Figma to Webflow Step by Step]
Webflow update: Word breaking, line breaking and text wrapping
Переглядів 4 тис.Рік тому
Webflow update: Word breaking, line breaking and text wrapping
How to Transfer a Webflow Project to a Client Account
Переглядів 17 тис.Рік тому
How to Transfer a Webflow Project to a Client Account
Webflow CMS Tutorial for Beginners
Переглядів 28 тис.Рік тому
Webflow CMS Tutorial for Beginners
9 simple rules to boost your UI design skills [Webflow + Figma]
Переглядів 961Рік тому
9 simple rules to boost your UI design skills [Webflow Figma]
Did you know this typescale trick? [Webflow + Figma]
Переглядів 747Рік тому
Did you know this typescale trick? [Webflow Figma]
Webflow Bento Grid like a PRO with flex box
Переглядів 1,7 тис.Рік тому
Webflow Bento Grid like a PRO with flex box
Webflow CLASS NAMING strategy (Webflow workflow series 003)
Переглядів 4,6 тис.Рік тому
Webflow CLASS NAMING strategy (Webflow workflow series 003)
Build this awesome ANIMATED hero in WEBFLOW
Переглядів 2,8 тис.Рік тому
Build this awesome ANIMATED hero in WEBFLOW
Webflow SECTION STRUCTURE like a pro (Webflow workflow series 002)
Переглядів 3,1 тис.Рік тому
Webflow SECTION STRUCTURE like a pro (Webflow workflow series 002)
Webflow PAGE STRUCTURE like a pro (Webflow workflow series 001)
Переглядів 4,7 тис.Рік тому
Webflow PAGE STRUCTURE like a pro (Webflow workflow series 001)

КОМЕНТАРІ

  • @saleembabu1283
    @saleembabu1283 2 дні тому

    It was very helpful. How can i do if slider has nested collections ?

  • @allanmeade5150
    @allanmeade5150 6 днів тому

    I followed every step directly and connected my CMS to the "Blog," but my layout is still not showing my current blog posts or images.

    • @designbasestudio
      @designbasestudio 5 днів тому

      Probably you are not seeing the post you want. While you are on the template page of your post select the post you want in the top center (violet text). Hope this helps.

  • @ArtEntity
    @ArtEntity 6 днів тому

    How do u edit videos like this !?!?!? Its so smooth looking i love it

  • @LokaVision
    @LokaVision 7 днів тому

    The fact that you already created the animations makes this impossible to get through.

  • @bollvigblack
    @bollvigblack 10 днів тому

    preview doesnt work

  • @EmmaSpindler-w9n
    @EmmaSpindler-w9n 11 днів тому

    If you built a CMS site and have to downgrade it to starter site to transfer it... Do you lose all of your CMS databases you built?

    • @designbasestudio
      @designbasestudio 8 днів тому

      Not 100% sure but I think the CMS items will still be visible and online but you won’t be able to edit them or add new once. But to be sure please ask the Webflow support.

  • @markusk4578
    @markusk4578 14 днів тому

    Thank you, the video really helped me out. Can I download the custom code from somewhere?

  • @satviksingh3184
    @satviksingh3184 18 днів тому

    Can you make a more detailed video and talk about payment as well, because am a noob.

  • @MJScottPhoto
    @MJScottPhoto 18 днів тому

    I spent hours searching for this solution. You're a legend, thank you mate. 🥇

  • @Vladimir-k4m9t
    @Vladimir-k4m9t 20 днів тому

    Hi... Could you please re-upload Figma styleguide, it has disappeared. Many thanks!

  • @qishi4341
    @qishi4341 29 днів тому

    this plugin is very useful! thank you for sharing and your video

  • @carolinanoir3260
    @carolinanoir3260 29 днів тому

    This video is great, thanks for sharing! One question, is there a way to change the "please wait..." in the last submit button once it's clicked? I need to change it to another language and when I try to ask ChatGPT to extend the prompt, it doesn't work

    • @designbasestudio
      @designbasestudio 28 днів тому

      The please wait comes from Webflow and I think the language matches the one you are using in your browser.

  • @jenniehu.09173
    @jenniehu.09173 Місяць тому

    Thank you! This is very helpful

  • @BethJolin
    @BethJolin Місяць тому

    A lifesaver to a webflow newbie trying to wrap my head around workspaces vs. site plans. Thank you !

  • @BethJolin
    @BethJolin Місяць тому

    a lifesaver.Thank you Felix!

  • @Opsdead
    @Opsdead Місяць тому

    Does this count as a form submission in Webflow or not ? Because it's expensive in webflow

  • @FlowVeeran
    @FlowVeeran Місяць тому

    I remembered the days when i was struggling to have them at the same height

  • @FlowVeeran
    @FlowVeeran Місяць тому

    awesome insight

  • @dialladabo3353
    @dialladabo3353 Місяць тому

    Thank you very much it's exactly what I needed I was going to do everything manually but it's way too tiring and now I understood everything and it will be very very very useful to me ! I was afraid of not understanding very well in view of the language but your pedagogy transcends the language 😂

  • @katietimmons8444
    @katietimmons8444 Місяць тому

    Very helpful! Thanks

  • @DanBrowntbh
    @DanBrowntbh Місяць тому

    I must admit, I did not know this. Is this relatively new?

  • @entrepreneurweb3.019
    @entrepreneurweb3.019 Місяць тому

    Good

  • @CassietheK
    @CassietheK Місяць тому

    The animation portion which is the most important was hard to follow because it was already done. Spent hours trying to follow this but couldn't understand the animation or get it to work

  • @CassietheK
    @CassietheK Місяць тому

    Thank you, this is helpful however I do wish your video of yourself was not in the bottom left. I'm having a bit of a hard time following as I usually following along via the navigation side panel

  • @andrzej-zaki
    @andrzej-zaki Місяць тому

    I just wanted to say a big thank you for this helpful video! Absolutely loved your tip about pre-configuring a default section as a component. It's going to save me so much time ! :) We can all get a bit lost in the technical details of Webflow sometimes, but your video is a great reminder of how important it is to keep things organised and clear. Thanks again !

  • @kamymoussavi
    @kamymoussavi Місяць тому

    Really helpful, thank you!

  • @Joe-zr5bv
    @Joe-zr5bv Місяць тому

    lmao how are us beginners supposed to follow along when you block out the portion of the navigator screen thats most important. glad I got to see your face instead. terrible video.

  • @amcds2867
    @amcds2867 Місяць тому

    I searched Webflow for official resources with this advice you give, and all i found was the Webflow forum in which some users had done what you show and in some cases it worked, in others it didn't. I've reached the conclusion that if the platform itself doesn't advise this procedure, it shouldn't be done.

  • @MikeHall-d7p
    @MikeHall-d7p 2 місяці тому

    didn't go over the scroll animation even though thats the video name am I missing something?

  • @orhei9253
    @orhei9253 2 місяці тому

    Do you have a video which explains how to add the custom code with auto hyphens? Or overall your custom code for global-styles?

  • @Foused87
    @Foused87 2 місяці тому

    It would be great to see updated version (with variables) of your old website build in webflow tutorial and your approach to client first :)

  • @MuzamelSirag
    @MuzamelSirag 2 місяці тому

    thankx

  • @Foused87
    @Foused87 2 місяці тому

    Do you use Webflow variables? If so, for what purposes? How does this new feature impact your old full website build tutorial?

    • @designbasestudio
      @designbasestudio 2 місяці тому

      Sure, I use it, but explaining the impact is actually too much for a comment :)

  • @erkensgjini2993
    @erkensgjini2993 2 місяці тому

    Cool buttons. Thank you for sharing.

  • @rmo4762
    @rmo4762 2 місяці тому

    Thank you! I have the problem with Infinite scroll (carousel) it ist not showing as it should when you have lets say 3 Slider items at once and want to loop /repeat them fluently

    • @designbasestudio
      @designbasestudio 2 місяці тому

      There is a way to achieve this but this hack won’t work when you are using a webflow slider with cms and finsweet attributes. In your case I would suggest using SplideJS

  • @ndukweemeka4917
    @ndukweemeka4917 2 місяці тому

    I did not undeersatnd the animation process cause you already created the animation

  • @xmattylocx
    @xmattylocx 2 місяці тому

    This tutorial was really helpful! Is there a way to offset the lazy load to load just before entering the viewport?

  • @abandco.creative
    @abandco.creative 2 місяці тому

    Hi, thank you for the tutorial, it's been very clear and extremely helpful. I have a CMS slider in the footer of a Collection Template page. I'm trying to hide the current item from the slider when viewing the same page it represents, but I'm having trouble achieving this. Could this be done using the method you've provided?

    • @designbasestudio
      @designbasestudio 2 місяці тому

      Yes, there should be a filter option in the collection list settings.

  • @donnis90
    @donnis90 2 місяці тому

    What about image sliders? Do you have a seperate video for that?

    • @designbasestudio
      @designbasestudio 2 місяці тому

      Just place the image within the slides and that’s it actually.

  • @DanielKoppel-u2d
    @DanielKoppel-u2d 2 місяці тому

    Why my navigator bar looks different? When I click on the dropdown menu on the Form block I can only see the field laben and text fields

    • @designbasestudio
      @designbasestudio 2 місяці тому

      Webflow recently updated the form settings. But maybe the reason is that you are not in the design mode?

  • @chasewalker7015
    @chasewalker7015 2 місяці тому

    You're amazing, about to try this.

  • @KenneDei-u9u
    @KenneDei-u9u 2 місяці тому

    Thanks Please anyone, what is the best email marketing platform I can use with webflow for automation

  • @Oluuwajuwonlo
    @Oluuwajuwonlo 2 місяці тому

    you the besssst !!!!! pls dont stop with the amazing videos

  • @RocknRollCEO
    @RocknRollCEO 2 місяці тому

    Excellent content, Felix! Cheers.

  • @KivancBayraktaroglu
    @KivancBayraktaroglu 2 місяці тому

    Hi there, Thank you for the informative video. As a newby I wanted to ask if there is a direct way to export style with everything to webflow from Figma. Let's say if I change the button color and wanted to see it on the webflow I want to change it from Figma and export the style to Webflow without other pages. Only with the styling.

  • @karlgilmore1888
    @karlgilmore1888 2 місяці тому

    W ant!

  • @tifacola
    @tifacola 2 місяці тому

    Hey all! I reverted to a backup and it fixed it for me!!!

  • @tifacola
    @tifacola 2 місяці тому

    They just showed up, how do I turn them off?

  • @tomsdesign_
    @tomsdesign_ 2 місяці тому

    Sign me up.

  • @madhoundes
    @madhoundes 3 місяці тому

    Wow