WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'd like my blog to actually look like what I type in WYSIWYG mode but it's not even close. How do I fix it? www.halseyschools.com

share|improve this question

You can add an editor-style.css stylesheet in your theme which mimics the look-and-feel of your blog. Here are some tips on how to do that (you'll need to touch functions.php too):


The first two styles in that example are the important ones; usually what I do is just copy over and rename my style.css to editor-style.css, then add these at top:

html .mceContentBody {
* {
    font-family: Georgia, "Bitstream Charter", serif; 
    color: #444;
    line-height: 1.5;

Edit for the correct font-family and text color / line-height, of course. This will get you most of the way there.

Here's another way to go about it, that might get you even closer: http://digwp.com/2010/11/actual-wysiwyg/

Best of luck!

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.