Column

Avada Column Element Showcase

The Avada Column Element allows you to organize content into responsive Columns within a Container on your website. Each Column can hold any combination of Avada Elements, such as text, images, or buttons, and can be individually styled with options for background colors, gradients, borders, padding, and animations. This flexibility enables the design of visually balanced layouts that are responsive across devices.

Below, you will find live examples of the Column Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

One Full : 1/1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed tincidunt magna ac arcu consequat, et bibendum tortor tristique. Aenean sed erat scelerisque nunc sodales cursus ac et orci. Phasellus tempor nunc non nibh dapibus facilisis. In ullamcorper purus purus, vitae tincidunt enim.

Two Thirds : 2/3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.

One Third : 1/3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.

Five Sixth : 5/6

Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

1/6

Orci luctus et ultrices posuere cubilia.

Three Fifth : 3/5

Cras ultricies ligula sed magna dictum porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla porttitor accumsan tincidunt.

Two Fifth : 2/5

Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Nulla porttitor accumsan tincidunt.

One Fifth : 1/5

Lorem ipsum dolor sit amet, consectetur.

Four Fifth : 4/5

One Fourth : 1/4

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed.

Three Fourth : 3/4

One Half : 1/2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed tincidunt magna ac arcu consequat, et bibendum tortor tristique.

One Half : 1/2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed tincidunt magna ac arcu consequat, et bibendum tortor tristique.

The Avada Column Element is an Avada Layout Element allowing you to structure content into responsive Columns within a Container. Each Column can house any combination of Elements—like images, text, buttons, or sliders—and be individually styled with background colors, gradients, borders, padding, and animations. It provides complete control over spacing, alignment, and responsive behavior, making it essential for building flexible, visually appealing page designs that adapt seamlessly across all devices.

View The Element Options