Editor background color???

I’d just set body { background-color: white; } in the CSS. That should override it everywhere.

Thank you good sir for your reply!

I tried that, but I will try again tomorrow and will post with an update. Pretty sure it didn’t work, and that’s why I’ve been somewhat bugging out as to why it would still be an issue, after editing that element.

(To be clear, you are referring to which CSS file?)

Thanks Tim!!!

– Paul

Hi Tim!

I have the same problem here! Also seems like somethings is wrong with the fonts and margin of the editor?

Thanks!

Mike

To change the background color in the editor, you can add this line of code to the editor-style.css file in /css folder. Add it after all the @imports:
body { background-color: white; }

As to the fonts and margins in the editor, what the theme is supposed to do is load the “front-end” CSS (bootstrap.css, theme-base.css, theme-flat.css) when the editor is being used so that it attempts to present the page like how it will look on the “front end”. However, there may be some differences but the intent is for fronts and other styling to look the same.

I’m glad you asked this question because there are some issues with how I implemented this. Back in v1.3 I changed the way fonts are loaded to avoid using @import in CSS and instead load them via PHP. However, the PHP doesn’t get triggered when in Admin, so it wasn’t loading the fonts. In addition, I’m not sure all the other styles were being pulled in either.

So I’ve updated the code and it will be in the next release, probably v1.6. If you want to fix it yourself in the current version, edit the functions.php to change this line:
add_editor_style( '/css/editor-style.css' );

to remove the beginning “/” like this:
add_editor_style( 'css/editor-style.css' );

Then replace out ALL the @imports in the editor-style.css file to be this instead:

@import url( '../bootstrap/css/bootstrap.min.css' );
@import url( '//fonts.googleapis.com/css?family=Lato:300,400,700');
@import url( '//fonts.googleapis.com/css?family=Raleway:400,300,700');
@import url( '../font-awesome/css/font-awesome.min.css');
@import url( 'theme-base.css' );
@import url( 'theme-flat.css' );
@import url( '../style.css' );

What was done here was to add the @imports for the header and body fonts as well as font-awesome (icons).

Hi Tim,

Thank you for you reply! Its much appreciated! I will go ahead and apply the changes to the theme! I will be looking forward to the 1.6 version!

Thank you for a great theme! Keep up the good work!

Best Regards

Mike