How to change the color of the text in the editor in the admin section

  • Resolved flavious

    (@flavious)


    11 years, 10 months ago

    When you edit a post or page, Tinymce or the theme is coloring the text in the edit textarea a shade of gray #333. I’ve got an end user who cannot see that and wants it black. Inspecting the element, this is where the color needs to change:

    media=”all”
    textarea, input[type=”text”], input[type=”password”], input[type=”file”], input[type=”email”], input[type=”number”], input[type=”search”], input[type=”tel”], input[type=”url”], select {
    background-color: #fff;
    color: #333;
    }

    However, it says it is in post.php load-styles.css. I searched those files, and all the other css files and I don’t find this entry so I can edit it. Any idea where this file actually is? As in a path to it?

Viewing 4 replies - 1 through 4 (of 4 total)

  • What theme are you using? Usually, styles in TinyMCE content area is changed by theme via editor-styl.css file. Check if your theme has that file. Either create a child theme for that theme or just change directly (you would need to make a note of it). For example:

    html .mceContentBody {
   background-color: #333;
}

    to

    html .mceContentBody {
   background-color: #fff;
}

    Thread Starter flavious

    (@flavious)

    Thank you, but that did not do it. I am using the “standard” theme, and we do have a child theme setup for it.

    I tried the class you referenced about in both my own style sheet, in editor-style.css and in the Standard theme style.css… nothing.

    Thread Starter flavious

    (@flavious)

    Found it… had to to html textarea {color:black;} in the admin.css for the standard theme. Thanks mercime, it was your suggestion that prompted me where to look!

    Glad you were able to resolve this. Marking this topic as resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change the color of the text in the editor in the admin section’ is closed to new replies.