A Simple Guide to Customize WordPress Editor Style – WordPress Tutorial

To change the  wordpress editor default style with css, you should import your custom css style. How to import your css file? In this tutorial, we will introduce you how to do?

Create a file named custom-editor-style.css

You can create a file named custom-editor-style.css in your theme folder. To edit and upload files easily, you can use file manager wordpress plugin.

Create Filefolder and Upload Files with WP File Manager – WordPress File Manager Plugin

Edit this file and add some css style

You can open this file and add css style you want.

Open your theme functions.php file and import css file

To import your css file, you can use add_editor_style() function.

function theme_add_editor_styles() {
    add_editor_style( 'custom-editor-style.css' );
}
add_action( 'admin_init', 'theme_add_editor_styles' );

Save it, then you import your custom css file successfully.