Joomla fix: JCE WYSIWYG background color

Published in Website Design | On May 13th, 2008

Sometimes i use different text alignments, background colors and images for my web site, the thing is when i go into my Joomla Admin my WYSIWYG gets inflicted by the same CSS style as my web site, making it quite difficult to edit my content when it’s all centered on a dark background color.

So, what you need to do is create a simple CSS file and call it editor_content.css.
Place it in your CSS folder of your template.
Go back to your Admin > Mambots > Site mambots and open whatever WYSIWYG you’re using.
On your right side under Parameters > Template CSS Classes. Check ‘no’. Below there’s a field Custom CSS Classes. Here you should point your editor to use the CSS file you created earlier:

templates/template you’re using/css/editor_content.css

There’s more:

Dont forget to set configuration.php to : Writeable
and parameter Default WYSIWYG Editor: jce editor in Global configuration

{Thanks, Wixenstyx}

Changing the text direction in the JCE editor itself is easy, in case you are using it for a Hebrew site:
Open JCE Editor Mambot in your Admin panel
Change on the right side the Text Direction = Right to Left

Customizing the JCE utilities like the JCE tooltip etc. you can find the CSS file at > mambots\system\jceutilities\css

Share |

Leave a Reply