I found this article:
<a href="http://www.deluxeblogtips.com/2010/05/editor-style-wordpress-30.html" rel="nofollow noreferrer">http://www.deluxeblogtips.com/2010/05/editor-style-wordpress-30.html</a>
I created a child theme using the Twentyten theme as a parent. I am trying to have the WYSIWYG editor use a custom stylesheet.
I added this to my functions.php file:
Then I created an <strong>editor-style.css</strong> file in my child theme's folder and added this:
When I go to the WYSIWYG editor and use firebug to check the css that is affecting the <strong>.mceContentBody</strong> element, I can see that is using my stylesheet, but it is being overrriden by the default editor-style.css sheet from the twentyten theme.
How can I force it to use my editor-style.css file and not the default one?
<a href="http://www.deluxeblogtips.com/2010/05/editor-style-wordpress-30.html" rel="nofollow noreferrer">http://www.deluxeblogtips.com/2010/05/editor-style-wordpress-30.html</a>
I created a child theme using the Twentyten theme as a parent. I am trying to have the WYSIWYG editor use a custom stylesheet.
I added this to my functions.php file:
Code:
add_editor_style();Then I created an <strong>editor-style.css</strong> file in my child theme's folder and added this:
Code:
html .mceContentBody {
max-width:591px;
}When I go to the WYSIWYG editor and use firebug to check the css that is affecting the <strong>.mceContentBody</strong> element, I can see that is using my stylesheet, but it is being overrriden by the default editor-style.css sheet from the twentyten theme.
How can I force it to use my editor-style.css file and not the default one?