WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: Tinymce Advanced] using editor-style.css with Version 3.3.9.2 (3 posts)

  1. Beyondus
    Member
    Posted 3 years ago #

    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.

  2. Mike Kohn
    Member
    Posted 3 years ago #

    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.

  3. Andrew Ozz
    WordPress Dev
    Posted 3 years ago #

    @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.

Topic Closed

This topic has been closed to new replies.

About this Topic