WordPress: Change Color of Text in Post & Page Editor

Problem: Client is confused by grey-colored Georgia font when they write a Page or Post in the WordPress admin. Plus, the grey Georgia font doesn’t match what they see on the front-end of their site, which is Arial. Frankly, I don’t blame them.

Solution: Change CSS in editor-style.css:

  • wp-content/themes/twentyten/editor-style.css
  • Line: 12
  • I changed my color to #3F3F3F (to match what they client would see on the front-end)
  • While I was at it, I also changed the font on line 11 from Georgia to:
  • font-family: “Helvetica Neue”, Arial, Helvetica, “Nimbus Sans L”, sans-serif;
  • I also commented out any CSS that changed bold text to black in the Page/Post Editor

WordPress: v3.0.1
Theme: TwentyTen 1.1

No Comments

  1. Susan EB Schwartz on October 26, 2010 at 9:54 am

    I was so excited to find your post because I’ve been trying to change the color of the text as well. Your directions were direct and simple (ie great). But when I try to change the color, I am not allowed to.

    I am popped back to the Manage Themes Page on WordPress.

    Any insights would be MUCH APPRECIATED!

    Thanks,
    Susan

Leave a Comment