When working in Webflow, you may delete sections or components but their CSS classes still persist in your project. These unused classes inflate your style sheet and can have a negative impact on your site's load speed. In this tutorial, we'll show you how to remove them safely.
Where can I delete unused classes in Webflow?
Removing unused classes is only possible in Design mode possible. Neither in Build mode still in Editor mode Do you have access to the necessary functions. So make sure you're in design mode.
Once you're there, you'll find a small Drop icon. Clicking on it opens an overview of all classes in your project.
Clean up unused styles
- Click on the Drop icon in the left bar.
- In the overview, you will find a brush icon called “Cleanup.”
- When you click on it, Webflow shows you them all not used Styles on.
- With another click, you can safely delete them.
Delete individual unused classes
If you specifically want to remove a single class, you can also do that:
- Search for the desired class using the search field in the style overview.
- When it is no longer in use, a appears Recycle bin icon next to it.
- Click on the icon to permanently delete the class.
Note: If a class is still being used somewhere in your design, the trash icon is not displayed and the class cannot be deleted.
