How can i add css to the wysiwyg editor?

5 posts by 2 authors in: Forums > CMS Builder
Last Post: November 11, 2009   (RSS)

By noff - November 6, 2009

Hi guys, i was just wondering if it was possible to style the wysiwyg box with css?. I want to make the background black and text white.

Thanks

Re: [noff] How can i add css to the wysiwyg editor?

By Luke - November 6, 2009

Hi Noff,

Yes it is possible to change the colors of the WYSIWYG box. You can modify the following file:

/cmsAdmin/lib/wysiwyg.css

To change your colors so the text is white and the background black, change this:

body.mceContentBody {
background:#FFFFFF;
}

body.mceContentBody, .mceContentBody td, .mceContentBody pre {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

To this:

body.mceContentBody {
background:#000;
}

body.mceContentBody, .mceContentBody td, .mceContentBody pre {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
}


I hope this helps. Please let me know if you have any more questions.
Luke Holzken
Product Development

Re: [noff] How can i add css to the wysiwyg editor?

By noff - November 10, 2009

Thanks for the reply, worked perfect.

Can you also tell me i would need to do to style the a:link { ?


thanks

Re: [noff] How can i add css to the wysiwyg editor?

By Luke - November 10, 2009

Hi Noff,

Try adding the following to your /cmsAdmin/lib/wysiwyg.css.

a { color: #FFF !important }

Where #FFF is the color you want your hyperlinks to be.

Cheers,
Luke
Luke Holzken
Product Development