Accessing Column Settings in Beaver Builder

Column Settings in Beaver Builder

One thing that’s often overlooked when talking about Beaver Builder is accessing column settings. You’re probably familiar with Beaver Builder’s row settings. Rows are the paradigm for the page building process the plugin uses. However, while not as evident from a visual standpoint, the settings for columns are equally robust.

Accessing Column Settings in Modules

Let’s say you have a row with two columns in it and each of those columns has two modules. You can easily drag the modules between the two columns. When you hover over a module you’ll be presented with a series of icons on the upper left corner. These icons represent several tools that make working with modules easy.

First is the move tool, next is the edit tool, then the duplicate icon, finally we come to the edit column icon. Under that icon are several additional tools that are column specific. There’s a move column tool, a duplicate column tool, an option to delete the whole column, options to reset the column or row widths, and most importantly the column settings.

Recorded with Beaver Builder version 1.8 and WordPress 4.9.6

What are Column Settings in Beaver Builder

Column settings are very similar to row settings. You can apply specific styles here. These changes only affect the individual column that they are applied to. So for example, you could change the background of an individual column, or the text properties for that column alone. There are a lot of fine controls accessed through this single selection under the columns icon. It’s important to note that the customizations that are made to the column will affect all of the modules in that column.

By leveraging row settings, module settings, and these column settings you can control the different elements of your Beaver Builder page. If you need any help with your Beaver Builder project or just need a quick tutorial we’re happy to help.

Written by the Team at Pixel Jar

We hope you got something useful out of that post. If you'd like to read more we have an active blog with topics across the spectrum of website development. If you're researching information for a project we'd love to talk to you about it.

Development with Vagrant

WordCamp DFW 2014: Development Environments in Distributed Teams Using Vagrant

When there’s a larger development project you’re typically going to split the work amongst an entire team. Most of us have probably experienced a situation when working in a distributed team where a part of the local development environment does not match the rest of the team, or worse, the production server. Often this isn’t…
Read More
wordpress on your iphone

WordPress on Your iPhone

We first wrote about using WordPress on your iPhone back in November of 2008. At the time the iPhone was a little over a year old, WordPress was on version 2.6, and the iPhone operating system was on version 2.1. A lot has changed since then and we thought it was high time that we…
Read More

How Can We Help You?

We want to build your next project.

Connect with Pixel Jar

Our Community

Subscribe to learn more about the goings on at Pixel Jar.
  • Note: Your email will be added to our CRM and be used to receive emails from Pixel Jar. You can unsubscribe at any time.

  • This field is for validation purposes and should be left unchanged.