Create your own custom row shapes for Beaver Builder

Custom Rows

Beaver Builder already has a good tutorial on how to create your own custom row shapes. In this video post I wanted to cover the basics of preparing an SVG and to show how I try to speed things up using a premade plugin which you can get from my collection here   LINKS…

Read More

Bottom Aligned Buttons on columns

Beaver Builder Columns With Aligned Buttons

I stumbled upon a way to align buttons (or any module) to the bottom of equal height Beaver Builder columns. First make sure the columns are equal Then give your buttons a CSS class or ID selector name: Finally add this CSS to your usual place using the selector name you chose: Updated: Use this…

Read More

Equal Height Pricing Tables With A Responsive Tweak

Pricing Table Equal Heights

This is a quick fix for those who want equal height columns on their Pricing Tables, but don’t want unnecessary white space on mobile views. Beaver Builder Default By default the Beaver Builder Pricing Table will adjust the height of each column according to the number of number of features it contains.  When there is…

Read More

Disabling Beaver Builder Modules for Better Performance

Disabling Beaver Builder Modules

This post is to mention an easy to miss feature that’s available in Beaver Builder version 2.3.  It is covered in the knowledgeable article, but  I wanted to add some detail not presently covered. Enabling and disabling modules (before and after 2.3) Below is the default screen you’ll see under Settings > Beaver Builder >…

Read More

Flexible Beaver Builder Mega Menus


This video shows a quick way to create a mega menu using Beaver Builder saved rows, a shortcode, a free plugin and a smidgen of CSS. In this example we are using the Beaver Builder menu module in a replacement header. This technique also works with theme headers, but you may require additional CSS to…

Read More

Layout Cheats With Beaver Builder’s Rectangle Row Shape

Rectangle Shape

This video looks at how we can use Beaver Builder’s Row shapes to: 1. Let content (appear) to break out of it’s row (avoiding the page builder UI issues usually created with negative margins). 2  Create split screen effects quickly. Link to the example page   This was inspired by question post on the Beaver…

Read More

The Flexibility of Beaver Builder Child Columns

Beaverbuilder Child Columns 1

Parent and child columns came to Beaver Builder in version 1.9 in Nov 2016, but as I recently discovered,  even with daily use it’s easy to forget the control they can give us over layouts. This get even more exciting when combined with the new background style options coming to rows and columns in version…

Read More

Tweaking the Beaver Builder Template Library

Beaverbuilder Css Layout Templates

Beaver Builder  scales any sized feature image  you upload to show at  41 px  x 49 px.  I sized my mages to  156 px x 187 px and added the following CSS to the  global settings panel (shortcut key = Ctrl/Cmd + U). .fl-user-template-thumbnail .fl-builder–template-thumbnail { width: 160px; } .fl-builder–save-new-user-template, .fl-user-template { padding-bottom: 30px; } .fl-user-template-name…

Read More

Beaver Builder Attractive Saved Row Templates

Beaver Builder Saved Rows

  Similar to the Ultimate Addons for Beaver Builder and PowerPack you can create a nice looking image library of row templates right in Beaver Builder itself. There’s a articles covering this in the Beaver Builder knowledge base, but wanted to add: 1.  340px x 170px may be the best size for images. 2. You can…

Read More