elementor / elementor/elementor

🚀 Feature Request: global css classes for widgets / containers

Open
#19,531 8 comments 0 reactions 0 assignees View on GitHub
element/container mod/r* request type/global-styles
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

### Prerequisites

- [X] I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
- [X] 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.

hi elementor team!

I have already addressed this issue. But I didn't know much about it and it was just an initial idea. But now I found a similar item for it which can definitely be useful.
In fact, global classes are a wonderful feature that we can use to connect styles of similar widgets. For example, I have 10 similar looking button widgets on my website. Using this feature, we will link these 10 widgets together. If we change the style of only one of the 10 widgets, the other 9 widgets will be updated automatically. Everything changes incredibly fast.

I worked with bricks builder for the first time and saw that bricks have this feature(Of course, I love Elementor and will never leave it). Anyway, please watch the video below :

https://user-images.githubusercontent.com/77163248/185511560-2f2171ba-101c-48a9-a218-d97f7304cb48.mp4

**There are two important points regarding this wonderful feature.**

1- We can create multiple classes for each widget. (If needed)

2- if I create a class in the button widget, this class will only be displayed and usable in the button widget. In general, each widget displays its own classes.

3- We can rename, delete or lock(To prevent accidental deletion) any class.

**By creating a class, I mean the part that I saved as elementor in the video above.**

thank you

### Describe the solution you'd like

global classes for widgets. If you decide to add this feature, it's best to add it to the Widgets / Containers style tab > First section.

![download (2)](https://user-images.githubusercontent.com/77163248/185513258-b341aa69-049f-42c5-b4e5-1816d61cfbca.png)

### Describe alternatives you've considered

_No response_

### Additional context

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.