WordPress’s Visual Editor is not at all what they say it is, WYSIWYG (What You See Is What You Get). And if you got a theme or have built a theme which has custom div classes in it, WordPress’s visual editor won’t show them. To fix visual editor issue here is a simple to follow tutorial.
Note: Do take backup of the files before you try this.
01. Login to your WordPress administration panel and go to Appearance => Editor => Theme Functions (functions.php)
02. Once there place this below code before ?>:
$your_custom_stylesheet = 'css/custom-editor-style.css';
03. The parameter $your_custom_stylesheet is the name of the stylesheet, relative to the theme root. It also accepts an array of stylesheets. It is optional and defaults to ‘editor-style.css’.
This concludes this simple and useful tutorial. Hope you like it.