Post preview is wrong in wordpress post writing panel

Posted in: Newsmag
Post count: 6600

Hi,

I have tested this and work in the same way with each settings 1/2 columns:
1. http://screencast.com/t/FJar0ayhJ
2. http://screencast.com/t/MFoUn4WXc

The css which determines the width of the post content in the editor is tied to the dimensions of the html tag of the editor and based on those dimensions the screen width is detected and the content from the editor is styled (changed it’s appearance).
This depends of your desktop screen resolution as when the editors iframe/html drops under 1023 pixels of width the content from the editor is treated as on tablet screens even though it shouldn’t, this happens in your case also. I have managed to recreate this using your screens resolution and you are right: http://screencast.com/t/HTBYVGlI
As you can notice from the screenshot the html width is around 900px that is why the editor style switches to tablet view.
You can alter the code from the less files/editor style and change the media query to work right in your case, try something like this: http://screencast.com/t/FaTAqDk6
I’m not sure how this can be fixed but I will add this on our issue tracker list for further testing and try to find a solution for it.
Sorry for the inconvenience!

Thanks

Post count: 5

Lucian – I’ve read this post and others in the form, but the question is never answered (that I can find). Is there a way to just disable this feature? Can I just rename the file “_editor-style.less” or modify another file so it’s not even called and it’s just the standard ‘visual editor’?

I tried to rename the file on a local install of the theme with the demo data, seemed OK, but I wanted to ask the question from you before doing it on our live site.

Thanks

Post count: 6600

Hi,

Renaming or removing the css code from the editor-style.less file should remove the custom style that theme adds to the posts editor.
Besides this the theme also adds the style for other elements like paragraph text or blockquotes to make them appear in post editor like they will appear live on your web site. Those styles can be found in type.less file using the mce-content-body class : http://screencast.com/t/KgRqAd5c

Thanks

Viewing 3 posts - 26 through 28 (of 28 total)
You must be logged in to reply to this topic.