WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

In this Q&A, How do you change the visual editor's background color?, it is shown how to modify WordPress' editor background colour.
My question is how can I modify the editor's background colour, in full screen mode? (also called "distraction free" mode).
The solution in the linked thread does not work for full screen editor mode.

share|improve this question
up vote 2 down vote accepted

This kind of problems are solved using Chrome Inspector or Firefox Firebug.

Inspecting the element, we get the necessary ID's or Classes to add in the stylesheet.

chrome inspector

So, .mceContentBody.wp-fullscreen-editor is the one we need to address in the theme file editor-style.css:

.mceContentBody.wp-editor, .mceContentBody.wp-fullscreen-editor {     
  background-color: #000;
  color: #fff; 
share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.