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.
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.