Skip to main content
How to Disable the Divi's Inline Text Editor

Learn how to disable Divi’s inline text editor to streamline your workflow and use a minimal editing experience.

Updated over a week ago

While Divi’s inline text editor offers a convenient way to edit text directly on the page, some users may prefer a more traditional editing interface.

Disabling the inline text editor can streamline your workflow and simplify the editing process, especially if you find it distracting or less efficient.

This article will guide you through the steps to disable Divi’s inline text editor, allowing you to work with a more straightforward text editing environment.

Divi provides an Inline Text Editor by default for its text-based modules. This editor can be activated by selecting any text or part inside a module, such as the Text module.

Inline text editor

Deactivate the Inline Text Editor

  1. Go to WordPress Dashboard → Divi → Theme Options → General Tab → Custom CSS.

  2. Copy/paste the following CSS code:

    .et-db #et-boc .et-l .et-fb-inline-editor,
    .et-db #et-boc .et-l .et-fb-inline-editor.et-fb-popover {
    display: none;
    }

The result can be seen in the screenshot below:

No Inline Text Editor
Did this answer your question?