Is it just me or after upgrading to the latest 1.x or 2.x-dev cause the text editor for TinyMCE to not have a white background? In other words, it's transparent.

Comments

sun’s picture

sun
Primary language German
Location Karlsruhe
commented
Status: Active » Closed (works as designed)

Probably just you. ;)

We fixed the actual loading of theme stylesheets recently. So if your theme does not define styles for BODY, or defines some weird styles for it, then this behavior is perfectly possible.

spiffyd’s picture

spiffyd commented

The styles for BODY in my theme's custom CSS is an image. There is no color.

Do you know how I can specifically attribute TinyMCE's body style with css?

spiffyd’s picture

spiffyd commented

Can someone tell me how to define TinyMCE's body background with CSS? (and not change the webpage's body color)?

nedjo’s picture

nedjo
he/him/his
Primary language English
commented

I got this same issue, which appears to be caused by a misfit between the theme's CSS and what's needed for the editor. Fixed by editing the WYSIWYG profile for the given input format and, under "CSS", setting "Editer CSS" to "Editor default CSS" (rather than "Use theme CSS").

sun’s picture

sun
Primary language German
Location Karlsruhe
commented

The CSS selector for the BODY of TinyMCE's IFrame is:

body.mceContentBody

lunk rat’s picture

lunk rat commented

In other words, put this into your style.css or your css override file:

body.mceContentBody {
background-color: #fff;
color: #000;
}

Cheers,