How To Disable Divi Full Site Theme Builder Template Editing Tutorial by Pee Aye Creative

How To Disable Divi Full Site Theme Builder Template Editing

In this tutorial I will show you how to disable full site Divi Theme Builder template editing while working in the Visual Builder.
Categories: Tutorials

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

Problem: Chaos, Inefficiency, and Frustration

When I first saw the changelog within minutes of the Divi version 4.14.5 update, I made a post in their Facebook group celebrating the new setting. Many of us had already been expressing our frustration there. Someone asked what the problem was. The good news is if you don’t know, then you probably do not face this scenario.

The issue happens when using a Theme builder template for a page or post, especially when using the Post Content module, and then trying to edit the content within the page/post. It’s a nightmare of accidentally clicking into the header, footer, or body templates. And then you need to find the content area again and click back, otherwise you can’t edit. It sounds minor, but trust me, it was very easy to do and was extremely detrimental to productivity. Writing these tutorials took longer, and that’s not cool and doesn’t give me a good feeling about using Divi.

Solution: Disable Divi Full Site Theme Builder Template Editing

Thankfully, there is a long-awaited solution. You can now disable the ability to click into the other template areas when editing the page/post content. So let’s get right to this! To disable the ability to edit the Theme Builder template while editing the post content, simply follow these steps:

Step #1. Open up the Visual Builder by clicking the purple page settings menu.

Step #2. Click the menu icon (three dots) in the gray settings bar.

Step #3. Scroll down to the bottom and disable the setting called Theme Builder Template Editing.

steps to disable Divi theme builder template editing

The Video Shows More

Please be sure to watch the short video at the top of this post to see this in action and to understnad this fully. I demonstrate how those looks direclty on this post, so it’s worth a look!

NOTE: This Setting Is Effective Globally/Sitewide

This type of setting takes effect across the Divi builder no matter what. If you disable the setting once, it will be disabled also in any other context when you open a page or post or template.

Disclaimer: They didn’t Fully Disable it

This setting is basically a CSS trick to hide the UI that allows us to click into the header, footer, and bottom template and edit it. We still have and see all the elements in the templates, which is unfortunate because that means those layouts also need to load. I wished for and requested a setting to disable the layouts from loading, but technically this is just a way to hide the editing tools. But I’m trying to stay positive and am thankful they sort-of listened, which, let’s be honest, is very unusual for Elegant Themes. Looking forward to more great things in the future!

10

Last updated Jan 10, 2022 @ 5:00 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

3 Comments

  1. George Boyce

    Great timing for your post! Have you seen the problem I describe below? I’m going to disable front-end template editing and see if that “fixes” my problem. But it looks like a Divi bug to me.

    I’ve been troubleshooting a fatal error that occurs when saving a new post. I’ve just started developing a new site, after years of being away from WordPress, so I only just now created a post template and have created only a few posts. I think the error happens when I try to add a text block to a section in the template rather than in the post content area. I didn’t even know what the “post content” section was about. When I try to save, an array is passed to various functions that are expecting a string. I added a debug message to the first function that bombed:

    [15-Jan-2022 00:35:11 UTC] arg is an unexpected array:
    [15-Jan-2022 00:35:11 UTC] Array
    (
    [_builder_version] => 4.14.4
    [_module_preset] => default
    [hover_enabled] => 0
    [global_colors_info] => {}
    )

    [15-Jan-2022 00:35:11 UTC] PHP Fatal error: Uncaught TypeError: trim(): Argument #1 ($string) must be of type string, array given in /var/www/html/wp-content/themes/Divi/includes/builder/feature/dynamic-content.php:1701

    The place where I added the text block is adjacent to a text block in the template that holds the post extract as dynamic content.

    Thanks for providing great information. On most topics, if you’ve written about it, you’ve nailed better, more clearly, than most others out there. Keep it up!

    Reply
    • Nelson Lee Miller (aka The Divi Teacher)

      Hi George, I’m glad you like these tutorials! I have not seen the issue you are describing, I’m afraid I can’t help with that. Definitely let Elegant Themes know about it!

      Reply
  2. George Boyce

    I tried to document the bug and your support helper plugin obviously adds a lot of value in a quick and easy way. Thanks for that! See https://error-test.themc.network/

    Reply

Submit a Comment

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

Asset 7

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Tutorials On YouTube

Our videos have views! Join subscribers and enjoy over video tutorials!

Visit Our Channel

Recent Posts

Pin It on Pinterest

0

Your Cart