Can I change background color in Visual Editor?

  • Hello,

    I have recently started a blog which I have customized to have a black background with white text.

    A problem occurs when I add a new post and start typing in the visual editor.

    Since my text is white, I can not see the text when I am writing as it is on the default white background.

    My question is can I change the color of the background or the color of the text in the visual editor so I can see my text? I would prefer this rather than cutting and pasting from a text editor or changing the color of the text from white to black then back to white again.

    Any help would be fantastic.

    Thanks.

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

  • Are you hacking WordPress core files to do this?
    If so, this is the stylesheet you’d need to edit: /wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css?ver=327-1235

    There may very well be a less hackish way to do this, but I don’t know it off the top of my head.

    Are you using an advanced editor plugin, like tiny mce advanced? My guess is that you might be, and that one of the settings is importing your CSS. Try going to the editor settings and unchecking this box, if you are using an advanced editor plugin.

    Thread Starter bakertronics

    (@bakertronics)

    Thanks for your reply!

    To do this I am hacking the core files.

    I had a look around in /wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css but so far I am unable to change the background color, even super hacking with !important.

    I have also been coursing through editor-style.css but to no avail also. It seems to be using my paragraph/standard font (white and Courier Gothic) no matter what I fiddle with including font colors, backgrounds etc.

    Anyone other ideas? I’ll keep fiddling away and if I find the solution I will post it up!

    Hmmm… I was able to tweak that file via Firebug and change the background color, font color and family. Perhaps your browser was caching the styles?

    Here’s a copy of my Firebug-ged stylesheet: https://cl.ly/2QOx

    Thread Starter bakertronics

    (@bakertronics)

    Thanks guys.

    I ended up installing tiny mce advanced and imported my css and it was fixed!

    One headache fixed! Thanks again everyone. Trepmal, I am also going to try your method as well because I am still stuck why it did not work.

    glad to hear you got things working

    If you can figure out why my method wasn’t working, I’d be interested to know what the reason was…

    also check the method add_editor_style();

    https://codex.www.ads-software.com/Function_Reference/add_editor_style

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Can I change background color in Visual Editor?’ is closed to new replies.