🔗 Please add heading classes to elementor-kit CSS (Related to #965 - AKA Preset Styles)

[brittaweller]

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.

In every Project we are working with heading classes so we can change the design of a heading while keeping the right heading tag. I.e. <h2 class="h3">Heading 2 but with look of h3</h2>.

At the moment your global Website settings are not supporting this behavior. But it could easily be fixed (see solution).

This is how it looks now:

Describe the solution you'd like

I would like it to be look like this by just adding also the heading class to the elementor-kit file:

.elementor-kit-8 h1, .elementor-kit-8 .h1 {
  color: var( --e-global-color-primary );
}

Describe alternatives you've considered

Just change these view lines inside elementor/core/kits/documents/tabs/theme-style-typography.php line 183... to :

// Headings.
$this->add_element_controls( esc_html__( 'H1', 'elementor' ), 'h1', '{{WRAPPER}} h1, {{WRAPPER}} .h1' );
$this->add_element_controls( esc_html__( 'H2', 'elementor' ), 'h2', '{{WRAPPER}} h2, {{WRAPPER}} .h2' );
$this->add_element_controls( esc_html__( 'H3', 'elementor' ), 'h3', '{{WRAPPER}} h3, {{WRAPPER}} .h3' );
$this->add_element_controls( esc_html__( 'H4', 'elementor' ), 'h4', '{{WRAPPER}} h4, {{WRAPPER}} .h4' );
$this->add_element_controls( esc_html__( 'H5', 'elementor' ), 'h5', '{{WRAPPER}} h5, {{WRAPPER}} .h5' );
$this->add_element_controls( esc_html__( 'H6', 'elementor' ), 'h6', '{{WRAPPER}} h6, {{WRAPPER}} .h6' );

That would be awesome <3!

Additional context

No response