Subscribe On YouTube

Join other subscribers and enjoy other Divi video tutorials!

How To Hide The Use Divi Builder Button In The Classic Editor

Nelson Miller Profile Orange
In this tutorial I will show you how to hide the Use Divi Builder button for pages and posts using the Classic WordPress editor.

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! 👆

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;
}
Screenshot of Divi Builder toggle in WordPress settings.
Categories: Tutorials

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

0 Comments

Submit a Comment

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

Recent Posts

0

Your Cart