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.

Calls-To-Action Demystified

When building websites, someone may ask, “What’s your call-to-action?” So, what are they, and more importantly, why are they important to your website? What Is a Call-To-Action? Simply put, a call-to-action is what you are asking a user to do on a webpage. This “ask” can come in many different forms. Typically for webpages calls-to-action…
Read More
favicons

Favicons for Your WordPress Site

When we last wrote about favicons (2008), adding a favicon to your WordPress site was a manual process similar to what you’d experience on other websites. Well, all of that has changed as of version 4.3 of WordPress. Adding a favicon is now easier than ever. Let’s take a look at the history of favicons,…
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.