TinyMCE CSS classes

clindahl's Avatar


21 Jul, 2010 03:37 PM

How do I specify the CSS that TinyMCE utilizes? I thought it was in the Content section, but when I specify CSS it apparently does notapply. To further confuse the matter, SOME CSS does apply, for example YUI classes included in some of the blocks.


  1. Support Staff 1 Posted by Tim on 21 Jul, 2010 06:17 PM

    Tim's Avatar

    Hi Charlie,

    To apply Global CSS throughout all Sites in your instance, you will need to do the following:

    • Navigate to System Menu -> Preferences -> Content
    • Enter your CSS classes in the Global CSS Classes field
    • In the Global CSS File field, select the CSS file which contains the classes you listed in the Global CSS Classes field

    If this is for a specific Site, you can fill out similar fields in the Edit interface of the Site in question.

    Let me know if this info helps!

  2. Support Staff 2 Posted by Tim on 21 Jul, 2010 06:33 PM

    Tim's Avatar

    Also, when you list your classes in the CSS classes field, make sure it's only the class names (without the periods (.) in front of them). For example:

    red, blue, green
  3. Tim closed this discussion on 25 Aug, 2010 03:08 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac