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: .equal-height-buttons { align-content:…

Read More
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

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
Megamenus

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