TinyMCE-only styles

  • Rob

    (@robwyndrydercom)


    6 years, 11 months ago

    I tried finding the answer here, but I am not finding exactly what I am looking for so apologies if it has already been answered. I am finding that probably because of my theme’s CSS definitions for common elements, they are active in the editor which is definitely not wanted. For instance, the hover-over color is the theme’s primary color — not good!

    Questions: How do I set styles that make the editor only use simple and clear settings? No interference from themes or plugins? In other words, if such a thing exists, “the default”. When I look at TinyMCE settings, I see that there is a note that my theme is not using editor_style.css. If I create a blank editor_style.css, how do I know what elements to put there to manage the display of the editor?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Andrew Ozz

    (@azaozz)

    Themes (can) load additional CSS styles in the editor by using a file called editor-style.css in the theme. Perhaps try editing that file and remove any styling you don’t want.

    Thread Starter Rob

    (@robwyndrydercom)

    That file does not exist. Now what?

    Plugin Author Andrew Ozz

    (@azaozz)

    Ah, I see. You can also use that file to add styles you want to the editor, i.e. override the styles you don’t like. There are many tutorials on how to add editor-style.css to themes and how to enable it for use in the editor. After that you can experiment a bit on the browser tools with styles you would what to add there.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘TinyMCE-only styles’ is closed to new replies.