By jeffspanos on

Hello- I am having a problem where the dark blue background color from my css is also doubling as the background color for the text box with tinymce!

if i keep the background this dark, the text box becomes the same color and makes it difficult to enter text. What could I be doing wrong? Why won't the text box just say white?

Thank you!

⋅ Categories: Drupal 4.7.x

Comments

markdingemanse’s picture

markdingemanse commented

The TinyMCE instance loads a separate page in your textarea, and that separate page has a <body> element just like the surrounding page. Therefore, all styles declared on the <body>-element in your CSS will also be applied to the background of the TinyMCE instance.

Fortunately, it is possible to style the TinyMCE instance, as it gets its own class mceContentBody. Putting something along the lines of body.mceContentBody { background-color:#fff } in your CSS (either your theme's CSS or TinyMCE's own CSS file -- can't remember right now what worked for me) should fix the problem. Hope this helps!

chadcross’s picture

chadcross commented

That worked. Thanks for the tip.

Jeankoster’s picture

Jeankoster commented

I have the same problem with the theme "Ability". But I was not able yet to get rid of the dark background in the comment box. Could I get some more details from you how you achieved it? I realize it has been a long time ago for you.
thanks
JNK

chadcross’s picture

chadcross commented

Hi. I am not familier with that theme but did you try adding this code to the css file: body.mceContentBody { background-color:#fff }