font not colored in editor dropdown

  • Resolved Fantasmo

    (@fantasmo)


    8 years, 2 months ago

    I was able to create some different fontstyles with p- and span-Tags, they show some styling in the format-dropdown, but not the color.
    I have seen other screenshot, where the styles in the dropdown are colored like the final output in the editor and frontend…how is this possible? “color…!important” in the editor-style.css didn’t work.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Fantasmo

    (@fantasmo)

    Hello,
    can somebody help please?
    I came back to this issue,for example I styled a blue button with border (in editor-styles and editor-shared)…it’s in the format dropdown but only as black font, shouldn’t it be blue and having a border like I styled in the css?

    I saw examples where it is like that, but it didn’t work for me.

    Plugin Author Tim Reeves

    (@tim-reeves)

    I’ve just released version 1.0.4, which involved me getting to know more about how to configure tinyMCE. The bottom line is:

    If you add classes to an own style, they will work in the visual display area, but not on the menu items.

    If you add inline style attributes to an own style, they will be applied to their menu items, *except* the color attribute. I don’t know why this is, I just observe that it is. Also happens for “WP Edit” (Josh Lobe) when you select its “Add Predefined Styles” option, and Josh sure must be the expert here. NOTE: The cutting out of color attributes is not mandated by tinyMCE itself – if you go look at the examples on tinyMCE’s website, the inline color attribute is applied to menu items, meaning it must be the WordPress API which is cutting it out. Maybe this is what got you confused.

    NOTE: In general I strongly discourage use of inline style attributes, they get written into the code of the page/post at the time they are selected and would ALL have to be changed manually if you later need them to look different. That’s the whole idea behind using Classes – similar to style templates in word processing.

    Hope this helps, sorry for late reply!

    Tim

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘font not colored in editor dropdown’ is closed to new replies.