Columns

Columns are a core element in the WPBakery plugin. However, the Total theme includes various exclusive enhancements and options to make them more customizable and useful.

  • WPBakery

Examples

1/1

Aliquam sem fringilla ut morbi tincidunt. Faucibus scelerisque eleifend donec pretium vulputate. Urna condimentum mattis pellentesque id nibh tortor id aliquet. Malesuada proin libero nunc consequat interdum varius sit. Aliquam id diam maecenas ultricies mi eget mauris pharetra. Congue eu consequat ac felis donec et odio. Aliquam purus sit amet luctus. Ipsum dolor sit amet consectetur adipiscing elit. Integer enim neque volutpat ac tincidunt vitae.

1/2

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat. Consequat interdum varius sit amet mattis vulputate. Duis at consectetur lorem donec massa sapien faucibus et molestie ut labore.

1/2

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat. Consequat interdum varius sit amet mattis vulputate. Duis at consectetur lorem donec massa sapien faucibus et molestie ut labore.

1/3

Donec et odio pellentesque diam. Nulla facilisi etiam dignissim diam quis. Lobortis scelerisque fermentum dui faucibus in ornare quam orci.

1/3

Donec et odio pellentesque diam. Nulla facilisi etiam dignissim diam quis. Lobortis scelerisque fermentum dui faucibus in ornare quam orci.

1/3

Donec et odio pellentesque diam. Nulla facilisi etiam dignissim diam quis. Lobortis scelerisque fermentum dui faucibus in ornare quam orci.

1/4

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat.

1/4

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat.

1/4

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat.

1/4

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat.

1/5

Feugiat scelerisque varius morbi enim nunc faucibus mattis molestie.

1/5

Feugiat scelerisque varius morbi enim nunc faucibus mattis molestie.

1/5

Feugiat scelerisque varius morbi enim nunc faucibus mattis molestie.

1/5

Feugiat scelerisque varius morbi enim nunc faucibus mattis molestie.

1/5

Feugiat scelerisque varius morbi enim nunc faucibus mattis molestie.

1/6

Feugiat scelerisque varius morbi enim nunc faucibus.

1/6

Feugiat scelerisque varius morbi enim nunc faucibus.

1/6

Feugiat scelerisque varius morbi enim nunc faucibus.

1/6

Feugiat scelerisque varius morbi enim nunc faucibus.

1/6

Feugiat scelerisque varius morbi enim nunc faucibus.

1/6

Feugiat scelerisque varius morbi enim nunc faucibus.

1/3

Feugiat scelerisque varius morbi enim nunc faucibus mattis molestie a iaculis at erat.

2/3

Donec et odio pellentesque diam. Nulla facilisi etiam dignissim diam quis. Lobortis scelerisque fermentum dui faucibus in ornare quam orci.

1/4

Feugiat scelerisque varius morbi enim nunc faucibus mattis molestie a iaculis at erat.

3/4

Donec et odio pellentesque diam. Nulla facilisi etiam dignissim diam quis. Lobortis scelerisque fermentum dui faucibus in ornare quam orci. Feugiat scelerisque varius morbi enim nunc faucibus mattis molestie a iaculis at erat.

1/5

Donec et odio pellentesque diam nulla facilisi etiam.

4/5

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat. Consequat interdum varius sit amet mattis vulputate. Duis at consectetur lorem donec massa sapien faucibus et molestie ut labore et dolore magna aliqua.

2/5

Donec et odio pellentesque diam nulla facilisi etiam. Feugiat scelerisque varius morbi enim nunc faucibus mattis.

3/5

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat. Consequat interdum varius sit amet mattis vulputate. Duis at consectetur lorem donec massa sapien faucibus et molestie ut labore et dolore magna aliqua.

1/2

Feugiat scelerisque varius morbi enim nunc faucibus. Mattis molestie a iaculis at erat. Consequat interdum varius sit amet mattis vulputate. Duis at consectetur lorem donec massa sapien faucibus et molestie ut labore.

1/3

Donec et odio pellentesque diam. Nulla facilisi etiam dignissim diam quis. Lobortis scelerisque fermentum dui faucibus.

1/6

Dolor sit consectetur amet.

Column with Background, Overlay & Min-Height

This is an example column with a background image, see-through overlay and a min-height. For the most part you would probably add stuff like this to your Rows, but it’s possible for columns as well.

Use the Column Side Border Module

Total includes an exclusive “side border” element which can be added at the bottom of any column which will display a border to the side of that column.

To Add A Vertical Line Between Columns

The Column Side Border element can be used to create nice looking sections for your site where you want a clear visible separation between the content.

Fixed Backgrounds

In Total you can also add fixed backgrounds to your columns that stay in the same place as you scroll down the page for a cool affect. Just note, that these are very resource intensive and thus disabled on mobile devices.