Preview Actual CSS Font and Size Style in Editor

Hi,

Thanks for contacting us here about this extension.

If I want the editor to show exactly what the template css fonts/sizes look like, how do I do that? Right now the editor text I type in and the H1 tags don't look anything like when I save and preview the site live.

The frontend displaying depends on your current theme, and the backend is based on Joomla.
So it could not be the same on both.

Hope it helps!
Kind regards,

When I edit from the front end, inside the editor, the font and header styles do not match the theme. Is there a setting to check to force the editor to show the themes css?

Hi,

Thanks for getting back to me with more information.

When I edit from the front end, inside the editor, the font and header styles do not match the theme. Is there a setting to check to force the editor to show the themes css?

You can use custom style in our extension, for more details:

https://www.joomunited.com/joomla-documentation/dropeditor/364-dropeditor-content-and-style#toc-2-custom-styles--2

Hope it helps!
Kind regards,

I've used the custom css settings in the Drop Editor but I have to actually apply the styles in the editor to match what it looks like on the site. My site has over 50 pages and I don't want to have to go through all the content and re-apply the new styles. How do I get the editor to use the theme's css and not require me to re-apply custom styles?

Hi,

Thanks for your response.

I've used the custom css settings in the Drop Editor but I have to actually apply the styles in the editor to match what it looks like on the site. My site has over 50 pages and I don't want to have to go through all the content and re-apply the new styles. How do I get the editor to use the theme's css and not require me to re-apply custom styles?

Yes, you should edit manually in your case. This is the only way currently.

Thanks a lot!
Kind regards,