1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Change the default font in the text editor

Discussion in 'Styling and Customization Questions' started by Case, Oct 8, 2012.

  1. Case

    Case Active Member

    Hi guys

    How do you change the font of the text editor? Is there a css class somewhere that controls it? I've tried 'body#tinymce.mceContentBody' but that didn't seem to work.

  2. Shelley

    Shelley Well-Known Member

    not sure what you mean, the text as you type into the editor ? Below might work adjusting it to your preferred colour and font style

    body, body.mceForceColors {
        color: red;
        font-family: Georgia,"Times New Roman",Times,serif;
    Edit: nope the code i provided doesn't work.
    Jake Bunce likes this.
  3. Case

    Case Active Member

    No, that's what I'd been trying.

    Finally found it though, I needed to edit 'editor_contents.css'

    Thanks for the reply anyway.
    Jake Bunce and Shelley like this.
  4. Shelley

    Shelley Well-Known Member

    Good to know. I must have been at this for 2 hours trying anything and everything to change the font colour via extra.css, obviously to no avail. Good to hear you got this fixed.
    Jake Bunce likes this.

Share This Page