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.