Free Content

Programmatically add custom class to a module

Adds custom attributes in Beaver module markup

Someone asked this on Beaver Builder’s slack. So I am writing this tutorial. Hope it will help the other person also. In Beaver Builder plugin have a filter “fl_builder_module_attributes”. You can filter the default’s attributes and add the new one. Just open the functions.php file of your child theme and add the following snippet there.…


Adding Font Awesome Icon to Menu Item

This tutorial is for Beaver Builder Theme First enabling the CSS class text field for menu item. Navigate to Dashboard -> Appearance -> Menus page, click on “Screen Options” tab and check the “CSS Classes” checkbox. See the attached screenshot. Next adding the unique classname into every menu item. Now hit on “Save Menu” button…


Creating blog page using Checkerboard Module

In this article I am showing how to create a blog listing page using my Checkerboard Module. Step 1 Create a page and launch the BB page builder. Now drag&drop the Checkerboard module at content area and setup the module like this way: 1. Post Type: Using the WordPress post type. 2. Content: Click on…


How do you display WooCommerce products in checkerboard style

In this article I am introducing how do you display WooCommerce products in checkerboard style. Minimum requirements are: WordPress Beaver Builder Plugin Checkerboard Module Adding Checkerboard Style on Home Page Checkout the live video at below and understand the Checkerboard module setup. By default Checkerboard module is displaying the product title and excerpt. But user…



Get free weekly PRO Beaver Builder Tutorials