Customize WYSIWYG editor Styles

• 

  djga515616518 · Member · May 1, 2024 at 5:45 pm

  • Copy link
  • Add topic to favorites

  I followed the tutorial below to have my WYSIWYG editor SHOW the styles in my style sheets …
  https://www.hostpapa.com/knowledgebase/how-to-add-custom-styles-to-wordpress-visual-editor/
  … And, for the most part, it worked.
  BUT, while the styles show in the textarea… they do not show in the dropdown.
  https://i.ibb.co/dgqTQkp/asd.jpg
  (note: The dropdown shows a serif font, I am using a sans-serif font)

  When I check the styles of the dropdown items (using Chrome Dev Tools), the styles are written inline (i.e. style=””). They have SOME of the styles that I defined (i.e. font-size, font-weight). But, the “color” is missing. And, the font-family appears, but its not showing up (maybe because its a custom @font-face font).

  Once again, these all show up fine IN THE TEXT AREA… just not in the dropdown.