Skip to main content

Layout CSS & JavaScript

Layout CSS & JavaScript provide a quick way to add CSS and JavaScript that only apply to the page or post being edited.

If custom CSS or JavaScript have been added, a green dot appears next to the Layout CSS & JavaScript menu item.

Layout CSS & JavaScript

tip

Debug Mode lets you access any code you've added to the Global Settings and Layout CSS & JavaScript options, so you can troubleshoot whether your custom code is causing a conflict with Beaver Builder.

Access Layout CSS & JavaScript

Layout CSS & JavaScript can be accessed via the Tools menu, or using the keyboard shortcut:

  • command ⌘ + Y ( Mac)
  • Ctrl + Y ( Windows).

CSS tab

The CSS tab allows you add custom CSS that only applies to the page being edited. You can learn more from the Custom CSS article.

JavaScript tab

The JavaScript tab allows you add custom JavaScript that only applies to the page being edited. You can learn more from the Custom JavaScript article.