How To Apply Helix Ultimate Styles To JCE Editor And Preview
Cat
Hello, I'd like to know how I can apply Helix Ultimate template styles so that when I'm editing articles using the JCE (Joomla Content Editor) the content is shown with the appropriate template styling.
Paul Frankowski
Accepted AnswerHi Cat.
In general it's question for JCE developer Support. But .... here is quick tip.
Check those two options from JCE:
JCE - Editor Global Configuration > Editor Styles and Custom CSS Files
administrator/index.php?option=com_jce&view=config
Paul Frankowski
Accepted AnswerIn Helix based templates important are two files : template.css and custom.css if you used it.
JCE cannot use styles used in Custom Code > Custom CSS area. That's why I suggest to copy-paste into custom.css file. Is all clear now? If not >> joomlacontenteditor.net/support
Cat
Accepted AnswerOK, I have created a custom.css file for the Custom Code > Custom CSS and that works. I am successfully loading both template.css and custom.css into the editor using the JCE configuration. But the Template Options ->Typography settings are not appearing.
So for example, in the Template Options ->Typography, H2 is set to a certain size and color. When I load a page in the frontend, the H2 style from Template Options is included as an inline style (H2 styled correctly). When I load the edtior, template.css and custom.css are loaded, but neither file contains the Typography template option H2 code (H2 style is not the same as in Template Options).
Are the Template Options ever compiled into css files? Have I missed a configuration somewhere?