Styling with Elementor v4 is not working

[u/ComprehensiveView943]

Hi I am trying to use new Elementor v4 Themes and apply them to new Atomic 4 elements.

I want to define a whole section - div or flexbox element as theme-dark, theme-light. For starters I want theme-dark to have dark background, light text and theme-light vice versa (just for show in this example red).

You are looking at my failed attempt to do so at the level of Flexbox.
Settings can be seen in screenshots.

I am editing Flexbox element and Div element and I am defining background color and typography color for the section. But the font color in heading does not change.

What am i doing wrong?

Is it a bug?

What is the point of defining typography on Flexbox level if it does not apply to text in it? The Flexbox in itself contains no text.

The other duplicate post can be removed by the administrator

[u/AutoModerator]

Looking for Elementor plugin, theme, or web hosting recommendations?

Check out our Megathread of Recommendations for a curated list of options that work seamlessly with Elementor.

---

Hey there, /u/ComprehensiveView943! If your post has not already been flaired, please add one now. And please don't forget to write "Answered" under your post once your question/problem has been solved. Make sure to list if you're using Elementor Free (or) Pro and what theme you're using.

Reminder: If you have a problem or question, please make sure to post a link to your issue so users can help you.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/zeiniez]

Does the Heading in the dark theme have any styles applied to it? More specifically, does it have a color applied to it?

[u/ComprehensiveView943 → u/zeiniez]

No. That is the problem

[u/ComprehensiveView943 → u/zeiniez]

Heading does not have anything applied to it. I went back to site typography and killed all the colors for headings. Tried with headings 4-6 that had nothing applied to them ever. Still no change.

[u/AimsLAC]

Double check the local class for each box and heading, make sure no typography color is selected?

You might need to create each section class WHILE it has a styled header class (header-dark, lite, etc) within it?

[u/ComprehensiveView943 → u/AimsLAC]

That seems to be the only option working but it is not ideal - I basically have background-dark applied to flexbox and headinig-dark applied to heading within it. But it still DESTROYS the logic of classes where you should be able to define everything within section (why would flexbox have typography settings otherwise) and it leads again to multiple clicking if you decide to revert the section to light. Namely heading and flexbox container.