Mastering WPBakery Page Builder: a basic guide to easily renovating Basel themes (07)

In the last installment of this tutorial, we explained in detail how theWPBakery Page Builder EditorHow to use the rows (ROW) in the. In this issue we will focus onColumnThe setup steps and related functions help you better grasp how to expand and edit columns in the front-end editing page of your website, so as to realize a more fine-grained page layout.
In the last installment we talked aboutWPBakery Page Builder Editor(used form a nominal expression)Row (ROW)(For more information, please refer toMastering WPBakery Page Builder: a basic guide to easily renovating Basel themes (06))

Today we're talking aboutColumn

Steps Website Frontend→Column→Expand

Let's go to the edit page on the front end of the site and expand the Column

Step Column→Pen Symbol (Edit)

As above so we can see four functions

Edit, Add, Paste, and Close, respectively.

We'll focus on editing, the other features are generally not used by newbies

Steps Column Settings→General

As shown above this interface, general use is the default, novice generally do not need to move

You can learn about CSS Animation: is the animation is to show some animation effects, before the row (ROW) also has a similar animation effect, there will also be modules will also have the same functionality settings, you understand the dynamic effects of the display of this module, such as (upward paddle, pop-ups, etc., inside there will be multiple choices, adjusted according to the actual situation)

Steps Column Settings→Design Options

As shown above, the functionality of this interface can be found in theMastering WPBakery Page Builder: a basic guide to easily renovating Basel themes (06)to adjust, probably mean the same thing.The difference is just the ROW (row) as a whole versus the Column (column) individually.

Steps Column Settings→Responsive Options

As shown above, this is the biggest difference between columns (Column) and rows (ROW)

Steps Column Settings→Responsive Options→Width

This is the layout of the Column, the default is (1/1), which can be interpreted as one row or one

Steps Column Settings→Responsive Options→Responsiveness

As shown above you can adjust the layout of each device, with the display or hidden, you can understand the meaning of the letters according to the

As shown above, this is the WPBakery Page Builder editor with a separate function of the Basel theme, generally also the default, novice do not need to move, row (ROW) also have this function, you can understand the

As shown above each row (ROW) will take a column (Column), but the ROW is to control the whole, the above figure has four ROW, one of the ROW is to control the four, only Column (Column) is to control a separate one, the above demonstration is a 1/4 layout

Well, this issue gives you an understanding of the column (Column) function, the next issue we will talk about the settings of each module, as well as more decoration Basel theme methods and features!

Summary:

Well, we've covered this issue, you have a basic understanding of the column (Column) function in the WPBakery Page Builder editor. We will continue to explain the settings of each module in the next issue, as well as more methods and functions of decorating Basel theme, stay tuned!