Custom CSS indicator

[Systemedic]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Each element can have custom CSS and it can be hard to determine where you used custom css.

Describe the solution you'd like

When custom CSS is used an icon will be placed next to the elementor in the navigator so it is clear that that element uses custom CSS.

Describe alternatives you've considered

No response

Additional context

No response

[loucasl]

This already exists

https://elementor.com/help/navigator-indicators/

[Systemedic]

Never knew that. I only see one down side with this way of implementation: you have to do a hover to see what custom thing is used.

[jazir555]

Basically the implementation just needs a more concise/obvious icon or some other variation?

[Systemedic]

Correct. Making use of color or a small tag would be better in my opinion.

[stefanradu9]

have a look here https://www.wordpresstoday.agency/2024/12/22/add-custom-css-indicator-to-elementor-navigator-elements/