How do I separate my theme’s styles from editor styles?

The WordPress editor shouldn’t be pulling in the themes CSS files unless you have a file that is named editor-style.css. You can either use the editor-style.css and simply place it in your themes root directory, add certain styles to the stylesheet (not all the theme div and id tags will apply to the WordPress Editor).

Another way to do it is to use wp_enqueue_script to enqueue a CSS file with whatever name you wish, or in a different file location other than the themes root directory. Some authors use this method to minimize the amount of files that live in the theme root directory.

If your theme is incorrectly registering or enqueueing a script it can cause the files to be loaded into the WordPress admin area. Let me know what your theme is using for the editor stylesheet if this doesn’t help so I can give you better assistance.

Related Posts:

  1. Forcing reload of editor-style.css
  2. How to include own css on wordpress tinymce editor?
  3. Why did multiple line breaks stop working in text editor?
  4. When switching from html to visual editor the tag gets corrupted
  5. Markup of oEmbed codes in the editor?
  6. How to add a class to ul tags created by the WordPress editor Tinymce?
  7. How can I stop TinyMCE from converting my HTML entities to characters?
  8. Apply custom style to single word in WordPress
  9. How can I insert HTML attributes with an existing TinyMCE button?
  10. Add Shortcode inline inside Gutenberg block
  11. TinyMCE editor – new lines not rendered on front end
  12. WordPress tinymce prints empty P tag and break html format
  13. WP 3.3 my rich text category editor toolbar is gone!
  14. Add table controls with wp_editor minimal editor configuration (‘teeny’)
  15. Adding Custom Styles to the MCE dropdown toolbar
  16. TinyMCE Plugin Parameter
  17. Add table button in editor without Plugin
  18. Our shortcode dropdown box in Tinymce is not working in WordPress 3.9?
  19. Custom TinyMCE style formats disabled
  20. Add buttons to the new TinyMCE WP Editor. Javascript API
  21. Is it possible to disable the image alignment options in the post editor?
  22. How to dynamically generate wordpress editor on frontend?
  23. Change syntax styling of TinyMCE HTML Text Editor
  24. More than one TinyMCE (wp_editor) with different $settings[‘drag_drop_upload’] values breaks
  25. Adding custom styles to elements, without creating new elements
  26. Why is the media upload button not in the main toolbar & can it be placed there instead?
  27. Adding CSS to admin TinyMCE editor for custom button
  28. How can a TinyMCE modal return formatted/visual text?
  29. Allowing style tag in TinyMCE editor
  30. TinyMCE Advances is removing blanks (” “)
  31. Why Editor reformats my code
  32. enable TinyMCE for comment forms
  33. Best Browser for Editing Posts
  34. TinyMCE strips off the href tag inside span, if i change from text to visual
  35. Adding a Media Button to the WordPress Content Editor
  36. Wordpres Tinymce custom button (Gavick guide)
  37. Error in backend: Failed to load plugin: tabfocus from url
  38. Preserve indentation, HTML5 shorthand in editor
  39. Add WordPress Core CSS into editor-style.css
  40. `tinyMCE is not defined` after migrating site to server
  41. Custom shortcode editor [BackboneJS & TinyMCE)
  42. Problem with Line spacing in wysiwyg editor in WP 3.5.1
  43. Switch between Visual and HTML tab freely
  44. Removing buttons from the editor
  45. How to force TinyMCE in WordPress to replace newlines with tags and not with  
  46. How i can i add a split button or list box to the WordPress TinyMCE instance
  47. TinyMCE in customizer
  48. Cite-Tag for blockquotes
  49. Secure Validation of wp_editor in Theme Options
  50. Detecting when TinyMCE is “ready”
  51. Second toolbar in tinymce has “display:none” set?
  52. Integrating inline tinymce editor in a component for a gutenberg block
  53. Change padding to text indent in “Increase indent” TinyMCE
  54. Using post ID in custom tinyMCE button
  55. onClick inside post_content does not appear in post tinymce editor
  56. How to get WP editors tinyMCE instances
  57. Remove empty lines ( ) when author updates their post
  58. What is this: data-wplink-url-error=”true” and why is it added to my links?
  59. Customising the WordPress TinyMce editor and it’s buttons
  60. 2nd button row from WP Super Edit or TinyMCE Advanced doesn’t show to 2nd admin
  61. Change Default Font Size and Remove Unwanted Font Sizes in TinyMCE
  62. How can I get the post content displayed in a text field that allows to edit posts?
  63. wpeditor issue – shows both mode and not able to focus/edit during visual mode
  64. Add Wrapper with Class to WYSIWYG Editor
  65. Different css rules for TinyMCE and Gutenberg while using add_editor_style()
  66. wp.editor.initialize does not show the same default toolbar
  67. Stop WordPress Visual Editor converting backticks into code blocks
  68. How to add button in TinyMCE TEENY mode?
  69. TinyMCE Editor change underline button behavior – u tag instead of span text-decoration underline
  70. Can’t remove   generated by editor from database
  71. Editor stripping out data attribute when saving
  72. Post content not showing in the edit post textarea
  73. How to add custom font to TinyMCE FontSelect in WP Admin or filter the fonts available
  74. Disable TinyMCE Table formatting width/height
  75. Use schema.org HTML in TinyMCE Editor
  76. Customer Support: TinyMCE stopped working (on some computers)
  77. Adding custom block formats to TinyMCE. Everything works until JavaScript error when applying the format
  78. How to apply a custom skin to WP_Editor / TinyMCE?
  79. WordPress wraps span tags into p tags
  80. Custom styles in Tiny MCE with an external CSS file
  81. Blank spaces show as a question mark
  82. Can i set css class for table via TinyMCE [closed]
  83. Where’s the explanation of the TinyMCE’s vars in the WP core?
  84. How to edit blockquote image
  85. Customizing tinyMCE 4 Styles and Format dropdowns
  86. WordPress (TinyMCE) not removing script tags
  87. Insert attachments from custom uploader into post (regular uploader style)
  88. How can I remove using built in wordpress filters
  89. TinyMCE Visual editor removes href containing Javascript with ‘allow_script_urls’ set to true
  90. TinyMCE is inactive after installation
  91. How to set custom TinyMCE format style as default?
  92. Did Gutenberg block editor change the html in post content during import?
  93. Load WordPress Editor .css on Front End
  94. “Formats” Select Menu in WP Editor doesn’t show up with correct colour
  95. Prevent Black Studio TinyMCE from adding tags when switching from Visual to HTML mode
  96. how to see P and BR tags in tinymce?
  97. Inline Editing with wp_editor and tinymce (problem with textarea)
  98. What is zinging my HTML commands? I don’t think I can blame TinyMCE this time…
  99. WordPress 4.5 Inline Link Toolbar not working on custom wp_editor instance
  100. How do I change TinyMCE button “i” to create a i tag rather than em? [duplicate]