Livestream: The 5 Levels of AI Development Maturity

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io

Livestream: The 5 Levels of AI Development Maturity

Announcing Visual Copilot - Figma to production in half the time

You can leverage your browser's console with JavaScript to manipulate elements in a Builder content entry.

  1. Open a Builder content entry in the Visual Editor.
  2. Open your browser's JavaScript console.
  3. In the console, use the global builder to interact with the elements in the current entry as in the following video example:

The example in the video above removes the top margin from the elements on the Page and is as follows:

builder.allEditingElements.forEach(el => {
  if (el.style.get('marginTop') === '20px') {
    el.style.delete('marginTop')
  }
})

If you'd prefer to use the UI, rather than the browser console, visit Intro to Plugins where you can find information on what plugins are and how to use them.

Was this article helpful?