Grey background in tinymce wp_editor function

Apr 26, 2013 | Blog | ,

I faced a weird issue when adding wp_editor to a metabox in post. The visual mode was showing a weird grey background and there is no way you can overwrite using a css directly.

After some research i figured out that adding a admin css with code


body.mceContentBody {
background-color:#FFF !important;
}

and

function sd_theme_add_editor_styles() {
add_editor_style( 'admin.css' );
}
add_action( 'init', 'sd_theme_add_editor_styles' );

The admin.css should be in the root of the theme. The above code fixed the issue easily.