Watch Webinar: Figma - Design to Code in 80% Less Time

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Talk to Us
Contact Sales
Platform
Developers
Talk to Us

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

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?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Newsletter

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy