If you want to make changes to many layers in a Builder visual entry and know how to write JavaScript, you can use your browser's console to run code against the current entry.
To start, open a Builder content entry into the Visual Editor. Then open up your browser's JavaScript console and there is a global builder object you can interact with.
For instance, to delete the default top margin added to elements on the page, you can run the following code:
builder.allEditingElements.forEach(el => {
if (el.style.get('marginTop') === '20px') {
el.style.delete('marginTop')
}
})
Full docs on the scripting API are coming soon, but in the meantime you can log around what is in the builder object to see what properties and methods are available for scripting.
Also, see our docs on plugins to learn how you can script behavior in the Visual Editor without using the browser console
Looking to hire a third party to help with your project?
Submit a project request and our partnerships team will reach out to connect you with an Expert from our partner ecosystem.
