(SOLVED / LØST) Change the background-color in tiny_mce

Questions about how to use the online - editors and suggestions how to improve them
Post Reply
Kapunen
Posts: 16
Joined: Mon Jun 23, 2008 6:36 pm
Location: Bisserup, EU
Contact:

(SOLVED / LØST) Change the background-color in tiny_mce

Post by Kapunen » Mon Jun 30, 2008 7:48 pm

Hey all.

I'm using the tiny_mce (version 2.0.4) in my own site (version 2.9) with a white background - no problems.

Now I've installed the same tiny_mce on my daddys site (version 2.9), wich has a black background and therefore white text. But 'course the editors background is white, it's a bit hard work to edit the text: white text on white background...

It seems that both CSS' (the CMSimple template AND the tiny_mce templates (there are 32 .css)) are mixing.

Boiling all above to a simple question: Where do I change the background color of the text-area in tiny_mce?

Best regards from Kapunen
Last edited by Kapunen on Fri Jul 04, 2008 5:52 am, edited 3 times in total.

ZiPs
Posts: 633
Joined: Thu May 22, 2008 6:17 pm
Location: Faxe, Denmark
Contact:

Re: Change the background-color in tiny_mce

Post by ZiPs » Mon Jun 30, 2008 8:18 pm

Preben Dahl | Webmaster cmsimple.dk | Projekt-og domæne ejer Gert Ebersbach

Kapunen
Posts: 16
Joined: Mon Jun 23, 2008 6:36 pm
Location: Bisserup, EU
Contact:

Re: Change the background-color in tiny_mce

Post by Kapunen » Tue Jul 01, 2008 6:15 am

Hey Zips.

Thanks for your reply.

I've inserted:

Code: Select all

form textarea#text{width:500px;} 
.mceContentBody{/*background-image: none;*/ background-color: White; color: Black;}
- in my stylesheet.css in my template, but the result is exactely the same as prior... Any other suggestions?

\ Kapunen

Holger
Site Admin
Posts: 3470
Joined: Mon May 19, 2008 7:10 pm
Location: Hessen, Germany

Re: Change the background-color in tiny_mce

Post by Holger » Tue Jul 01, 2008 9:06 am

And you've cleared the browser cache?

Holger

Kapunen
Posts: 16
Joined: Mon Jun 23, 2008 6:36 pm
Location: Bisserup, EU
Contact:

Re: Change the background-color in tiny_mce

Post by Kapunen » Tue Jul 01, 2008 10:37 am

Hey Holger.

Yep...

\ Kapunen

Holger
Site Admin
Posts: 3470
Joined: Mon May 19, 2008 7:10 pm
Location: Hessen, Germany

Re: Change the background-color in tiny_mce

Post by Holger » Tue Jul 01, 2008 11:20 am

Hmm,

You can try to use "body.mceContentBody".

But I think you should try the content_css - option:
Change default text color/editor background in TinyMCE?

You need to specify a content css file with the content_css option in order to change the default text color or background of the editor. The specified CSS is loaded after the default CSS so you can use it to override. A good idea to check the CSS status of elements is to install Firebug addon to Firefox.
http://wiki.moxiecode.com/index.php/Tin ... ific_rules

But I don't know if it works with your version of TinyMCE :?

Isn't it possible to use the latest version?

Holger

ZiPs
Posts: 633
Joined: Thu May 22, 2008 6:17 pm
Location: Faxe, Denmark
Contact:

Re: Change the background-color in tiny_mce

Post by ZiPs » Tue Jul 01, 2008 3:59 pm

Hi kapunen

I have now installed 2.0.4 and tested the css code as described in the link, and it works well :)

As Holger writes "And you've cleared the browser cache?"

In my tests, it appeared that I had to empty the browser cache completely, it means erase all offline content, after that it worked.

/ZiPs
Preben Dahl | Webmaster cmsimple.dk | Projekt-og domæne ejer Gert Ebersbach

Kapunen
Posts: 16
Joined: Mon Jun 23, 2008 6:36 pm
Location: Bisserup, EU
Contact:

Re: Change the background-color in tiny_mce

Post by Kapunen » Wed Jul 02, 2008 8:33 am

Hey Holger and Zip
Holger wrote: And you've cleared the browser cache?
Holger
+
ZiPs wrote: In my tests, it appeared that I had to empty the browser cache completely, it means erase all offline content, after that it worked.
/ZiPs
Have to try again ... I'll notify tomorrow

\ Kapunen

Kapunen
Posts: 16
Joined: Mon Jun 23, 2008 6:36 pm
Location: Bisserup, EU
Contact:

Re: Change the background-color in tiny_mce

Post by Kapunen » Fri Jul 04, 2008 5:50 am

Hey folks

It works - had to clear everything and restart my machine.

Great thanks to Holger and Zip for helping out.

\ Kapunen

Post Reply