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.
Deactivate the Inline Text Editor
Go to WordPress Dashboard → Divi → Theme Options → General Tab → Custom CSS.
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:
