Menu
Beaver BuilderBeaver BuilderGeneralBeaver BuilderBeaver ThemerBB Theme
Alpha & Beta Docs
🌜
🌞
Beaver BuilderBeaver Builder
  • General
  • Beaver Builder
  • Beaver Themer
  • BB Theme
  • Alpha & Beta Docs
  • Introduction
  • About this release
  • Known Issues
  • Getting Started
    • Getting Started
    • What can I do with Beaver Builder?
    • System Requirements
    • Install Beaver Builder
    • BB Editor Basics
      • Beaver Builder Editor Basics
      • Launch the Beaver Builder editor
      • User Interface (UI)
      • The Tools Menu
      • Show or hide the WordPress page title
      • Horizontal alignment
      • Inline editing
      • Undo and redo
      • Copy and paste
      • Duplicate your Beaver Builder layout to another page
      • Delete a module or column
      • Save, Publish, Discard
  • Layouts
    • Layouts
    • The Advanced tab
    • Templates
      • Layout templates overview
      • Add a layout template to your page
      • Create and save a custom layout template
      • Manage saved layout templates
      • Edit or delete saved layout templates
      • Rename the title or slug of a saved template, row, column, or module
      • Categorize and add thumbnails to the saved templates list
      • Save a row, column, or module for reuse
      • Insert a saved row, column, or module into your layout
      • Manage saved rows, columns, and modules
      • Edit a saved row, column, or module
      • Convert a saved row, column, or module to global
      • Convert a global row, column, or module to standard
      • Add an image to an item on the Saved tab
      • Delete a saved row, column, or module
      • Export and import saved templates, rows, columns, and modules
    • Rows
      • Add prebuilt rows to your content
      • Work with rows
      • Full width and fixed width
      • Set row and content width
      • Set global (site-wide) default row widths
      • Full-width rows on third-party themes
      • Customize the row height
      • Row effects
        • Row shape overlays
        • Video backgrounds in rows
        • Ideas for using background colors and effects
        • Parallax row backgrounds
        • Create a Ken Burns effect in a row background
    • Columns
      • Column layouts overview
      • Tips for working with columns
      • Insert columns
      • Edit a column
      • Resize or reset column width
      • Move a column
      • Duplicate a column
      • Prevent column stacking with custom widths
      • Reverse column stacking order
    • Modules
      • Module Overview
      • Where can I display images?
      • Where can I add videos?
      • Where can I display menus?
      • Accordion
        • Accordion
        • Change the accordion icon to an image
        • Link to a specific item in a Tabs or Accordion module
      • Audio
      • BigCommerce Products
      • Button
        • Button module
        • Make a button transparent
      • Button Group
      • Callout and Call to Action
      • Contact Form
        • Contact Form module
        • Add a Google reCAPTCHA checkbox to a form
      • Content slider
      • Countdown
      • Gallery
        • Gallery module
        • Open a gallery lightbox on button click
      • Heading
      • HTML
      • Icon and Icon Group
      • List
      • Login Form
      • Map
      • Menu
        • Menu module
        • Add a menu item that links to a page section
      • Number Counter
      • Photo
        • Photo
        • Display full captions under photos
        • Add hover effects to the Photo module
      • Posts
        • Posts module
        • Posts Carousel
        • Posts Slider module
        • Posts, Posts Carousel, and Posts Slider modules examples
        • Increase space between Posts in Posts Gallery module
      • Pricing Table
      • Search
        • Search
        • Limit post types in Search module results
      • Separator
      • Sidebar
      • Slideshow
      • Social Buttons
      • Subscribe Form
        • Subscribe Form
        • Configure MailChimp double opt-in
        • Add a Google reCAPTCHA checkbox to a form
      • Tabs
        • Tabs
        • Link to a specific item in a Tabs or Accordion module
      • Testimonials
      • Text Editor module
      • Video
        • Video module
        • Open a video in a lightbox
      • WooCommerce
      • WordPress Widgets
    • Margins & Padding
      • Margins and padding
      • Change individual margin and padding settings
      • Change default row and module margins and padding
      • Disable auto spacing on mobile devices
      • Troubleshooting Margins and Padding
    • Responsive Design
      • Responsive behavior in Beaver Builder
      • Responsive Settings icon
      • Responsive Editing Mode
      • Responsive columns
      • Breakpoints for device sizes
      • Change global breakpoints
    • Post Layouts
      • How Beaver Builder works with blogs and custom post types (Start here)
      • Basics: How WordPress handles blog posts and archives
      • WordPress Archive Types
      • Generated WordPress archives versus Beaver Builder layouts
      • Use Beaver Builder to lay out post content
      • Add rows and modules to index, archive, and post pages
  • Styles
    • Styles
    • Colors
      • Color Picker
      • Add a color palette to the Beaver Builder editor
    • Typography
      • Typography section
      • Add Latin-Extended capabilities for a Google font
    • Effects
      • Animations
      • Gradients for row and column backgrounds and overlays
      • Gradients with CSS
      • Borders
      • Radius & Shadow
      • Rounded corners on columns and photos
    • Icons
      • Enable, disable, or delete icon sets
      • Enable Font Awesome Pro icon sets
      • Font Awesome Pro Duotone icons
      • Add an icon to a menu item
      • Create and import a custom icon set
    • Visibility
      • Change item visibility by device size
      • Change element visibility by user login and capability
    • Code
      • Custom CSS
      • Custom JavaScript
  • Advanced Builder Techniques
    • Advanced Builder Techniques
    • CSS length, height, and size units
    • Add a CSS ID or class name to a module
    • Add a PDF file to your layout
    • Smooth scrolling links
    • Smooth scrolling tweaks with code
    • Restore a previous version
    • Keyboard shortcuts
    • Display only custom layout templates in Beaver Builder
    • Disable inline editing
    • Disable columns in columns
    • Disable responsive behavior site-wide
    • Shortcodes
      • Use shortcodes in your layouts
      • Shortcode reference
      • Get the slug or ID for a shortcode
      • Use shortcodes in Tools menu CSS or JS
      • Shortcode Performance
      • Shortcodes don't display for logged out users (bbPress)
      • Put Thrive Leads shortcode into a Button module
  • Management/Migration
    • Management & Migration
    • Settings Overview
    • Display only Beaver Builder pages or posts
    • Control which post types can use Beaver Builder
    • Control user access by role
    • Disable WordPress comments
    • Add custom image sizes
    • Change WordPress screen options
    • Configure the Beaver Builder admin panel display options
    • Convert content between WordPress and Beaver Builder
    • Anonymous usage data sent to Beaver Builder
    • Disable specific modules sitewide
    • Manually migrate a Beaver Builder site
  • Troubleshooting
    • Troubleshooting
    • Debugging
      • Cache Clearing Tool
      • Issue fixer: Clear the cache
      • Safe Mode
      • Known Beaver Builder incompatibilities
      • Plugin conflicts
      • Theme conflicts
      • Enable Beaver Builder Debug Mode
    • Common Issues
      • 403 Forbidden or 403 Blocked error
      • 404 error when trying to open editor
      • Internal Server 500 error
      • Destination folder already exists
      • Fatal error: require_once()
      • zlib Output Compression
      • CloudFlare and 403 errors when loading background images
      • Exceeds PHP max_input_vars
      • HTTP error when uploading images
      • Increase the WordPress allowed memory size
      • SMTP mail for form notifications
      • I can't upload the installer zip file because it is unzipped when I download
      • The uploaded file exceeds the upload_max_filesize directive in php.ini
      • Error when trying to install update
      • I migrated a site but my image URLs didn't change
      • I'm getting a Permission Denied error
      • I'm getting a blank screen
      • Settings not saved error
    • Updates & License Issues
      • I'm not getting Beaver Builder updates
      • Uninstall or deactivate the Beaver Builder plugin
      • Beaver Builder not working after upgrading?
      • Manually reinstall Beaver Builder
    • Miscellaneous
      • Can't find the Beaver Builder menu in the admin panel
      • Can't open page in Beaver Builder
      • Font Awesome icons
      • Reduce or disable the undo/redo capability
      • WordPress admin bar is hidden
      • Classic WordPress and Beaver Builder text editor toolbars don't match
      • Background color or image doesn't appear
      • I can't drag and drop modules
      • Subscribe Form error MailChimp Merge Fields
      • MailChimp subscriber popup form breaks Beaver Builder
      • Beaver Builder does not open for editing on NGINX servers
      • Device previews: Beaver Builder, Customizer, and beyond
      • How Beaver Builder renders the title of an image
      • My custom column width keeps changing
      • New slideshow images don't appear on SiteGround Staging sites
      • Uploaded icon set is blank
      • Why am I seeing an Eye icon in my module toolbar?
      • Limit on adding rows?
  • White Label (Agency)
    • White Labeling
    • White label Beaver Builder and BB Theme
    • Replace built-in layout templates with your own
    • Customize the Help button
    • White label the Ajax crash message
  • Developer
    • Developer
    • Custom Modules
      • Custom module guide
      • CMDG 01: Create a plugin
      • CMDG 02: Add a module to your plugin
      • CMDG 03: Define module settings
      • CMDG 04: Module settings CSS and JavaScript
      • CMDG 05: Module HTML
      • CMDG 06: Module CSS
      • CMDG 07: Module JavaScript
      • CMDG 08: Module property reference
      • CMDG 09: Module method reference
      • CMDG 10: Setting fields reference
      • CMDG 11: Responsive fields reference
      • CMDG 12: Repeater fields reference
      • CMDG 13: Sanitize field values
      • CMDG 14: Create custom fields
      • CMDG 15: Helpers
      • CMDG 16: Live preview reference
      • CMDG 17: Partial refresh reference
      • CMDG 18: Override built-in modules
      • CMDG 19: Localization
    • How to's & Tips
      • How to's & Tips
      • Google Map arguments in the Map module
      • Limit Typography section controls
      • Data storage
      • HTML, CSS, and JavaScript reference
      • Theme author templates
      • Load CSS and JavaScript inline
      • Disable schema markup in Beaver Builder
      • Disable minification and caching with WP_DEBUG
      • Add custom attributes to rows, columns or modules
      • Render layouts with PHP
      • Load Google fonts locally (GDPR)
      • Prevent CSS and JavaScript from loading on archive pages
      • Create a video lightbox for an Amazon S3 video
    • Tutorials & Guides
      • Tutorials & Guides
      • Install Beaver Builder via Composer
      • WP-CLI for Beaver Builder Plugin and Theme
      • Rename or remove Tools menu items
      • Customize settings forms
      • Common Beaver Builder filter examples
      • Add icons to your custom modules
      • Customize row resizing behavior
      • Customize keyboard shortcuts
      • Change how CSS and JavaScript are loaded
      • Create a custom module to compare images with a slider
      • Create a filter to customize the display of post data
      • Add a custom shape layer
    • Hooks
Version: stable

Developer

Custom Modules
How to's & Tips
Tutorials & Guides
Hooks
Last updated on 2/14/2021
Previous
« White label the Ajax crash message
Next
Custom module guide »

Docs

  • General
  • Beaver Builder
  • Beaver Themer
  • BB Theme

Beaver Builder

  • Blog
  • Pricing
  • FAQs
  • Known Issues

Community

  • Facebook
  • Slack
  • Forums

Legal

  • Privacy
  • Terms
Beaver Builder Logo
Copyright © 2021 Beaver Builder.