There are some scenarios when you are using the Classic editor on a post type because you do not need the Divi Builder enabled. However, the “Use Divi Builder” button still shows, and this can cause issues if someone enables the builder. You can solve this by hiding the Divi Builder button when using the Classic editor. In this tutorial, I will show you how to do this with a CSS code snippet or with a simple setting in Divi Assistant.
▶️ Please watch the video above to get all the exciting details! 👆
FYI: Do It With Divi Assistant!
Why work so hard? You can do this easily with a setting in our Divi Assistant plugin!
If you haven’t tried Divi Assistant yet (seriously, why not?), you can easily hide the “Use Divi Builder” button using a CSS code snippet. This feature comes in handy, especially when dealing with clients prone to clicking things randomly, potentially disrupting the page layout by inadvertently activating the Divi Builder. It’s also useful for personal use, helping you avoid accidental clicks or simply decluttering the interface for a smoother editing experience.
To implement this solution on your site, simply copy the provided CSS code snippet below and navigate to your WordPress dashboard. From there, you can access the Divi Theme Options Custom CSS box or your child theme style.css file. Paste the snippet into the CSS editor field, ensuring to save your changes. Once applied, the “Use Divi Builder” button will disappear from view, offering a cleaner interface and safeguarding against accidentally enabling it.
Where To Paste The CSS Code
1. Divi Assistant
If you are using our Divi Assistant plugin, simply paste the code in the CSS tab in the custom code window in the Divi Visual Builder.
2. Child Theme
If you are using a child theme, paste this code into the style.css file. If you don't have a child theme, you can generate a child theme directly on your site or download our free child theme.
3. Divi Theme Options Integration
Otherwise, paste this code in your Divi>Theme Options>Custom CSS code box.
If you need help understanding where to paste the code, please check out our complete guide about where to add custom code In Divi.
/*hide Use Divi Builder button in Classic editor*/
#wpbody-content > div div:not(.block-editor) .et_pb_toggle_builder_wrapper {
display: none!important;
}How To Hide the Use Divi Builder button In The Classic Editor Using Divi Assistant
Here are the simple steps to hide the Use Divi Builder button in the Classic editor using our popular Divi Assistant plugin:
- Install and activate the Divi Assistant plugin
- Click on the Utility Helper tab and the Editor subtab
- Enable the setting
I hope that is easy enough for you! 😉
Learn More About Divi Assistant!
Our flagship "helper" plugin has (141) main features to make your life easier when working with Divi!
0 Comments