Does Webflow have a feature that allows you to easily copy a class and rename it without losing element settings?

Published on
September 22, 2023

Yes, Webflow has a feature called "Duplicate Class" that allows you to copy a class and rename it without losing element settings. This feature is incredibly helpful when you want to create multiple similar elements with slightly different styles or behaviors without having to start from scratch each time. Here's how you can easily duplicate and rename a class in Webflow:

  1. Open the Webflow Designer and select the element that has the class you want to duplicate.
  2. In the right sidebar, locate the "Class" field and click on the settings icon next to it (represented by three dots).
  3. A menu will appear. Select "Duplicate Class" from the options.
  4. A prompt will appear asking you to enter a new name for the duplicated class. Type in the desired name and click "OK."
  5. Webflow will now create a duplicate class with the new name, preserving all the element settings from the original class.
  6. To apply the duplicated class to other elements, simply select the new element and assign the duplicated class name in the "Class" field in the right sidebar.

By utilizing the Duplicate Class feature in Webflow, you can save time and effort in creating and styling similar elements on your website.