Theme CSS overriding Elementor CSS
-
I have a wordpress.com website using the theme Twenty Twenty Four. I have built the website using Elementor. It effect the whole site but this example is for the FAQs page.
The website was working fine but then the Elementor CSS started getting overridden. This happened before but then reverted back to the correct after a day or two.
When looking at the page through the Elementor “Preview changes” button it shows correctly with the following CSS for text with a background:

When viewing the live page it shows as:

Any help is much appreciated.
The blog I need help with is: (visible only to logged in users)
-
Hi there, your best bet is to contact the Elementor folks directly for assistance with this https://elementor.com/help/
-
I have contacted Elementor and they have said to contact wordpress
I have reset the cache in Elementor as well.
-
Thanks for adding that information.
I’ve gone ahead and tagged your thread for staff assistance. They do have a backlog that they are working through so thanks for your patience in the meantime.
-
i have been trying to trouble shoot and have been told:
“Elementor frontend styles are not being applied correctly on live pages, despite CSS loading and Safe Mode showing no improvement.” -
I have solved the problem by clearing all caches in Hosting → Settings → Caching
thanks for your time -
Thanks for letting us know you’ve resolved this and thanks for posting what worked for you so that if other folks encounter this issue, they can refer to your solution. Cheers.
-
I recently encountered a similar problem while working on WordPress optimization guides for my website, Sonma Typing Expert (https://sonmatypingexpert.com). It would be interesting to hear what theme you’re using and whether the issue occurs on all Elementor pages or only specific templates.