In this section
Custom CSS
Add custom CSS to your layouts
JavaScript
Add custom JavaScript to your pages
Responsive editing
Advanced responsive design techniques
Advanced customization
Beaver Builder provides several ways to extend and customize your layouts beyond the standard interface:Custom code
You can add custom CSS and JavaScript to your layouts at different levels:- Per-page: Add code that only applies to a specific page
- Global: Add code that applies to all Beaver Builder layouts across your site
- Per-node: Add code to specific rows, columns, or modules
Performance optimization
Optimize your Beaver Builder sites for better performance:- Minimize CSS and JavaScript
- Optimize images and media
- Use caching effectively
- Reduce HTTP requests
- Leverage CDNs for assets
Migration and conversion
If you’re moving from another page builder or converting existing content:- Export and import templates
- Convert WordPress content to Beaver Builder layouts
- Migrate between sites using Beaver Builder’s export/import features
Developer resources
For developers looking to extend Beaver Builder:- Create custom modules
- Use hooks and filters
- Build custom templates
- Integrate with third-party services
- Develop custom add-ons