Skip to Main Content

How to customize the WordPress visual editor

Divi: the easiest WordPress theme to use

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Rather curious as a tip, I grant you that. Yet, according to a study, when you write very long articles with the same background (which becomes bland in the long run), the pleasure of writing is reduced considerably.

Of course, we are not planning to add a distraction (which would be totally anti-constructive), but to change the background of the visual editor, each time a certain number of words is reached.

In this tutorial, I will show you how to set this up on your WordPress blog.

How to install and configure the plugin "Editor Color on Word Count"

The first thing to do is of course to install and activate the extension directly from your dashboard. You can also download the extension as a zip file directly on

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]


After installing and activating the extension, you will notice a new menu available in the large menu " Settings ". Click on it to access the settings page of the latter.

editor-colors menu

On this new page, you will see some default preset colors. The column " Upto Word Count Contains the different margins in which the colors of the editor are applied.

You can add a color in one of the fields in the column backgroud Color ", Either by specifying a hexadecimal code, or by using the available color palette.

You will also notice on each line a cross, which allows you to delete a column. You can add some by clicking on the button « Add Color ».


After you finish, don't forget to save your settings. You can now consult your visual editor and see how the plugin works.

how the change-of-color-back-plane-of-the-editor-visual

That's it for this tutorial, feel free to share the tip with your friends on your favorite social networks.

This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top