This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Custom Styles in Editor

  • Creator
    Topic
  • #9144
    johnsimpson
    Participant

    I am trying to enable a styles dropdown in the editor that will contain styles from my custom.css stylesheet. I want users to be able to apply the active styles from the website while in the editor and also to see those styles actually styling their content as they edit!

    I tried this http://codex.wordpress.org/Function_Reference/add_editor_style

    and this http://codex.wordpress.org/TinyMCE_Custom_Styles

    but neither seemed to work. So I am wondering if there is something in the theme that is preventing this from working in a standard fashion and if so can you advise as to how I can get this functionality enabled?

    Thanks in advance for any assistance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
    Replies
  • #9145
    Jason Bobich
    Keymaster

    Hello,

    No apologies, but I’m not quite sure what to tell you. But none of what you’re doing would be prevented from anything within the theme.

    Adding styles to WordPress editor is easy. You’d essentially just create a stylesheet just for that and then add it with add_edtitor_style.

    http://codex.wordpress.org/Function_Reference/add_editor_style

    I’ve never tried to do what you’re linking to in the second link, but skimming the article, nothing there has anything to do with what’s been done by the Akita theme, as far as I can tell.

    #9147
    johnsimpson
    Participant

    thanks for the fast response! the link you gave is the same one I mentioned in my question and I have already tried that. I will try it again and then compare to see if I can get it working on the twenty-twelve theme.

    #9148
    Jason Bobich
    Keymaster

    Yeah, I was just making it clear what I was referring to. What part don’t you get about it?

    So take the example:

    function my_theme_add_editor_styles() {
        add_editor_style( 'custom-editor-style.css' );
    }
    add_action( 'init', 'my_theme_add_editor_styles' );

    In this example the custom-editor-style.css would be in the root directory of your Child theme.

    #9152
    johnsimpson
    Participant

    yeah, I did it just like the example but it did not work. seemed like it should be very simple. that is why I suspected the theme might be overriding something. I must “back-burner” this for now but when I get time I’ll test on a clean WordPress/Twenty Twelve install and see if it works there. I’ll report back on my findings. Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.