Posts by Jennifer Franklin
Beaver Builder 2.11: Popup Module, Maintenance Mode, and Settings Snapshots
Beaver Builder 2.11, also known as Kariba, is now available and delivers some exciting updates: a new Popup Module for building popups directly in the visual editor, built-in Maintenance Mode, Settings Snapshots for one-click backups and restores, expanded responsive controls, custom HTML attributes, accessibility improvements, and performance enhancements. Beaver Themer 1.6 also ships alongside this…
Read MoreHow Beaver Builder Products Work Together to Build Flexible WordPress Websites
Building a WordPress website often means stitching together a theme from one developer, a page builder from another, and a handful of plugins that don’t always work together. Over time, this leads to messy websites that are harder to manage, maintain, and keep consistent. Beaver Builder takes a different approach. Beaver Builder’s suite of products…
Read MoreHow to Display a Beautiful Events List with Beaver Builder’s Loop Module
If you use Beaver Builder on your site and need to display a list of events, you can use the events calendar plugin, EventKoi. EventKoi integrates directly with Beaver Builder’s Loop module (which is part of the Themer add-on), which means you can design a fully custom events list using the same drag-and-drop tools you…
Read MoreHow to Build Card Layouts in Beaver Builder (Flexbox + Box Module Tutorial)
If you’re using the Beaver Builder Box Module to build responsive layouts, you’ve likely noticed two things: it’s incredibly powerful and it comes with a learning curve. That’s exactly why we hosted a live Box Module training session focused on flexbox fundamentals and real-world card layout building. In this session, we built a responsive 3-card…
Read MoreHow to Center Content in Beaver Builder (Flexbox, Rows & Modules Guide)
Wondering how to center content in Beaver Builder? The most reliable way is to use the Box Module with Flexbox: set the container to Display: Flex, choose a layout direction, and apply center alignment for both horizontal and vertical positioning. If you’ve tried aligning a button, heading, or full section and it still looks slightly…
Read MoreStruggling with CSS Grid? Turn This On in Beaver Builder
CSS Grid is powerful, but it can be hard to work with when you can’t clearly see your layout. Beaver Builder 2.10 introduced a simple solution: a built-in grid overlay inside the Box Module. Beaver Builder’s Grid icon toggles a visual grid guidelines overlay inside the Box module. It helps you align content, spot spacing…
Read MoreHow to Push Content to the Bottom of a Box in Beaver Builder (Flexbox Solution)
How do you get a button to stay pinned at the bottom of a card? It’s a common problem where the button often refuses to move to the bottom of the card, no matter what you try. To push content to the bottom of a Beaver Builder Box Module, set the box to Display: Flex,…
Read MoreAI Tools for Beaver Builder: How BeaverForge AI Works
Note: Beaver Builder now has its own native AI, Beaver Builder AI, currently in alpha. This article covers BeaverForge, a third-party AI tool for the Beaver Builder ecosystem. Read about the official Beaver Builder AI → Building a WordPress website still involves many repetitive steps such as writing copy, structuring layouts, generating images, and refining…
Read MoreBuild Dynamic WooCommerce Archive Pages with Beaver Builder’s Loop Module and ACF
Default WooCommerce archive pages are functional, but can be clunky. They give you minimal control over layout, and displaying custom product data can be difficult without custom code. If you want an archive page that reflects your brand and surfaces the product details that matter most to shoppers, you need a better approach. Beaver Builder’s…
Read MoreHow to Nest Components in Beaver Builder: Build a Design System That Scales
In the last tutorial, we built a component from scratch. Now we’re taking it a step further by nesting components inside each other to create a complete design system. If you’re just getting started, you may want to read the previous articles first: In this guide, we’ll walk you through everything you need to know…
Read More