Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

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

1 Answer 1

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.