[Plugin: Tinymce Advanced] using editor-style.css with Version 3.3.9.2

  • I’m currently using Version 3.3.9.2 of the plugin.

    In the past we created custom styles for WP users to use via the dropdown box by adding the styles to tadv-mce.css .

    With this release, according to the release notes, I need to now put those styles under editor-style.css . Simple enough and they show in the dropdown in the WP user interface.

    Now, the issue is, how to have the styles actually be applied to the website? The editor-style.css is to make it look a certain way in the editor so adding a link to that style sheet may conflict with my style.css . So do I just replicate the same styles and put them under style.css?

    I feel like I’m missing something in this process.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mike Kohn

    (@rhymeswithmilk)

    When you use the Styles dropdown it wraps the text in a <span> tag with whatever class you chose. So if you have a class in your editor-style.css called .header3, that style will end up looking like this on the frontend:

    <p><span class="header3">Your text here.</span></p>

    Just add whatever styles you want to that class in your main style.css file.

    @rhymeswithmilk is right, you can copy whatever styles you put in editor-style.css to your theme’s style.css. Another option is to add @import editor-style.css at the first row in style.css.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Tinymce Advanced] using editor-style.css with Version 3.3.9.2’ is closed to new replies.