Beaver Builder Plugin Tips – Beaver Junction for Beaver Builder Users

Create your own custom row shapes for Beaver Builder

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 https://www.beaverjunction.com/beaver-builder-row-shapes…

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…

Equal Height Pricing Tables With A Responsive Tweak

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…

Disabling Beaver Builder Modules for Better Performance

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

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…

Layout Cheats With Beaver Builder’s Rectangle Row 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…

The Flexibility of Beaver Builder Child Columns

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…

Tweaking the Beaver Builder Template Library

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…

Beaver Builder Attractive Saved Row Templates

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…