Hi all, I have the following problem:
I added an additional CSS code to be able to customize the “text editor” widgets, e.g. the font, size, color etc – here is the code:
.elementor-text-editor p {
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
The code works, I can now customize the “text editor” widgets using elementor. My problem now is that these changes I make in elementor do not show up on my live website. When I go into the
“edit with elementor”, I then see the correctly formatted version.
I’ve already cleared the cache (of my browser and the website), changed the setting to “Inline placed” under elementor -> settings -> CSS output method and regenerated “CSS & data” in tools. Unfortunately, nothing has helped so far, so I continue to get a default design displayed for the texts in text editor elements on the live webpage. Has anyone already had this problem / knows a solution?
[ad_2]
I don’t use elementor so can’t really say, however it sounds like you’re targeting only the CSS inside the editor. The class “elementor-text-editor” is probably only output in the backend when editing and not in the frontend. You need to inspect the front-end of your site and see what class to target to edit what you need to.
That code won’t change anything on the frontend/public part of your site.
I’m not sure what you’re actually trying to do? Are you trying to change how something looks on the frontend?