Making Sections of Beaver Builder Uneditable (for clients)

This is a cool video by David Waumsley that shows you an interesting technique to make sections of your Beaver Builder install, uneditable for clients. This has been requested a TON of times, so I think this video will definitely shed some light on a pretty cool approach.

[youtube id=jHCXVImHr0E]

4 thoughts on “Making Sections of Beaver Builder Uneditable (for clients)

  1. Hello, this is great but I tried this and it isn’t working. Is my CSS correct below?

    .fl-builder-edit .fl-builder-content .no-edit {
    pointer-events: none;
    border: 1px solid red;
    }
    .fl-builder-edit .fl-builder-content .no-edit:before {
    content: ‘NOT EDITABLE’;
    color: #ffffff;
    text-align: center;
    background-color: red;
    border: 1px solid red;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    z-index: 999;
    position: absolute;
    white-space: nowrap;
    }

    Thank you!

Leave a Comment