editor-style.css

[wannabe]

Hi,

I notice that in the main functions.php file of kleo , add_editor_style(); is being used. In the theme root folder;
wp-content/themes/kleo/
I created a file, editor-style.css

However the visual editor (tinymce) is not picking up the new css styles.

I have the following in my css (some of the CSS is there to test/play around);

COPY CODE

.mceContentBody.wp-editor {     
  background-color: #555 !important;
  color: #fff !important;
} 

#tinymce { 
	background: #555 !important;
}

#tinymce a { 
	color: #fff !important;
}

.mce-menubar {
	background: #555 !important;
}

.mce-container .mce-menubar .mce-toolbar .mce-stack-layout-item .mce-first {
background: #555 !important;
}

If i user TinyMCE Advanced Professsional Formats and Styles Plugin, the editor-style.css is working. But without the plugin it doesn’t work. Anyway, I do NOT want to use a plugin just to load a stylesheet.

Please help

W

[wannabe]

oh by the way, the stylesheet is also present in the child theme root folder

[sharmstr]

Put the css in Theme Options > General > Quick CSS

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[wannabe]

Hi, it is working for a bit. But I cannot set the background color of the edit area. Does anyone know how to do that?

I have so far:

COPY CODE

.mce-menubar {    <-- working
	background: #555 !important;
}

.mce-content-body {  <-- not working
 background: #555 !important;
}

.mce-edit-area {  <-- not working
 background: #555 !important;
}

thanks in advance,
W

[sharmstr]

Sorry, I dont.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts