Duplicate Class or Create Class From Existing Styles

[x-kyrk]

Describe the Problem

I’m often frustrated when I create a class for one group of elements, then need a second class for another group of elements that should start from the same styling but be slightly different.

For example, I may create a class for one type of card, button, heading, section, or container. Later, I need a similar version for another use case, but I do not want it permanently tied to the original class. I want to use the existing styling as a starting point, then make small adjustments without affecting the original elements.

Right now, if I already have styling applied through a class, local class, or local element styling, there does not seem to be an easy way to duplicate that styling into a new independent class. This makes it slower to build consistent design systems, especially when using Elementor’s newer class-based workflow.

The problem is not just duplicating an element. The issue is being able to duplicate or extract the styling itself into a new reusable class.

Propose a Solution

It would be very helpful if Elementor added a “Duplicate Class” or “Create New Class From Existing Styling” feature.

Ideally, this could work in a few ways:

1. From an existing class, allow users to duplicate the class and give the copy a new name.
2. From an element with local styling, allow users to create a new class based on that element’s current styling.
3. From a local class, allow users to convert or duplicate that styling into a separate reusable class.

For example, if I have a class called service-card, I could duplicate it as featured-service-card, then adjust the background, spacing, or border without changing the original service-card class.

This would make it much easier to create variations while keeping the design system clean and reusable.

Additional Context

A current workaround is to manually recreate the class, copy settings one by one, or duplicate an element and then adjust its styling. However, this is slower and can lead to inconsistencies, especially across larger websites.

This feature would be especially useful for users building with Elementor’s newer class-based workflow, where classes are used more intentionally across multiple elements and sections.

The main goal is to make it easier to create a new independent class based on styling that already exists, whether that styling comes from another class, a local class, or an individual element.

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Feature Request form.
• I agree that my discussion may be closed without further action if it doesn't meet all the requirements outlined in the Feature Request form.

[pumadog]

“Duplicate Class” is available already.

But “Create New Class From Existing Styling” would be a great option if an element mixes global and local classes.