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. How to add placeholder in wp_editor?
  44. How to add “Insert/Edit link” button in custom popup tinymce window?
  45. How to disable TinyMCE from removing span tags
  46. How to get the input of a TinyMCE editor when using on the front-end?
  47. Enqueue Script After TinyMCE initialized
  48. Unable to add “code” button to TinyMCE toolbar
  49. How can I make the wordpress editor apply the selected template?
  50. Is it possible to re-use the image details popup?
  51. Visual Tab Missing From Editor
  52. How to use the new Dashicons for custom TinyMCE buttons?
  53. HTML5, WordPress and Tiny MCE issue – wrapping anchor tag around div results in funky output
  54. How to disable TinyMCE 4 keyboard shortcuts
  55. Tiny MCE not adding p tag when saving theme option
  56. How to add TinyMCE keyboard shortcut
  57. WordPress MultiSite Paste from Word Tool Does not work
  58. data-accordion removed in Visual Editor
  59. Remove quicktag buttons but not Visual / Text editor and tabs
  60. Want to have the Post editor remembering the last editing position
  61. TinyMCE removes iframe attributes width and height
  62. Append Font Family in TinyMCE
  63. tinyMCE duplicates previous block element when pressing return (visual editor)
  64. Get Stylesheet To Showup in WP Admin Panel Editor
  65. Enable Visual Editor In Comments On CPT Edit Page
  66. Added custom styles to Visual Editor. Classes are appended and not replaced as intended
  67. unwanted and tags in text editor
  68. TinyMCE – Add button that changes direction of selected text
  69. Disable HTML (Text) Tab in Post Editor
  70. Preserving tabs and line breaks in when switching from HTML to Visual Editor
  71. How can I enable a TINYMCE rich text editor in the admin interface?
  72. Custom settings page TinyMce: no formatting when echoing value of editor
  73. Gutenberg; Rich Text/HTML for Metadata Textarea Control in Back End
  74. Add a TinyMCE Core Plugin Using tiny_mce_before_init
  75. In editor-style.css how can I change background color of title field?
  76. Fontawesome icon vanishes in editor while switching text and visual mode
  77. How does WordPress remember which editor is being used?
  78. P̶l̶a̶c̶e̶h̶o̶l̶d̶e̶r̶ *Default* content in Custom Post Type TinyMCE editor
  79. tinyMCE 4.0 custom button onclick no longer working
  80. TinyMCE buttons that launch Ajax-generated forms
  81. How can I make the page editor trust me?
  82. Using custom HTML tags to WordPress [closed]
  83. Visual Editor: Paragraph styles appear to one admin but not to others
  84. How to disable TinyMce’s Paste plugin from turning image URLs into embedded ?
  85. Visual composer causing conflict with TinyMCE [closed]
  86. WP Editor: Keep Bold, Underline, etc. but ignore color
  87. TinyMCE 4 & wp_editor multiple editor issue
  88. TinyMCE Visual editor removes href containing Javascript with ‘allow_script_urls’ set to true
  89. How can I change TinyMCE’s default block format?
  90. Understanding automatic text formatting in the WordPress editor
  91. TinyMCE adds a   after a HR
  92. How to remove “justifyfull” in TinyMCE
  93. TinyMce Chrome newline issue
  94. Multiple Block Quotes without using HTML
  95. Preventing tinyMCE from auto formatting selected blocks of content
  96. WordPress 4.5 Inline Link Toolbar not working on custom wp_editor instance
  97. How can I replace the built in WordPress editor?
  98. Enqueue MCE Editor CSS in admin page
  99. How to create custom toggle button in tinymce?
  100. How to load TinyMce cloud editor in WordPress with wp_editor()?