Column Shortcode

Avada’s column shortcodes allow you to manage the content on your pages into different column widths. This allows for greater control over your layouts, and provides creative opportunities. Columns serve as a container to place other content inside of them. Use any of our other shortcodes inside of a column shortcode.

boys_reading

Dotted Border

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

  • Manage your content easily.
  • Have greater control over your layouts.
  • Divide the page up to 6 sections.
  • Fully customize the look of your column to match your site!

Background Image & Color

Each column can have a custom background image or color set. When using an image you can also set position and repeat values.

Image Background

Set positions and repeat values effortlessly.

Choose Solid Colors

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.

Border Control & Padding

Each column can have a custom border and control the border size, border color and border style.

Solid Border

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Dashed Border

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Dotted Border

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Column 1 Column 2 Column 3 Column 4 Column 5
Item #1 Description Discount: $1.00 $ 0.10
Item #2 Description Discount: $2.00 $ 0.20
Item #3 Description Discount: $3.00 $ 0.30
Item #4 Description Discount: $4.00 $ 0.40
Item #5 Description Discount: $5.00 $ 0.50
All Items Description Your Total: $10.00 Tax
Column 1 Column 2 Column 3 Column 4 Column 5
Item #1 Description Discount: $1.00 $ 0.10
Item #2 Description Discount: $2.00 $ 0.20
Item #3 Description Discount: $3.00 $ 0.30
Item #4 Description Discount: $4.00 $ 0.40
Item #5 Description Discount: $5.00 $ 0.50
All Items Description Your Total: $10.00 Tax

Where Are The Live Demo Header Pages?

Avada allows you to choose between 5 different header styles, each can be customized to your liking. However, currently you can only choose one per site in theme options. Our demo has to show each of the 5 samples to viewers, so we had to setup static pages for that purpose.

How Do I Change To The Different headers?

You can change the header selection very easily!  Each header has various options as well. Follow the steps below to change out the template.

  • Navigate to the Theme Options Panel in your WordPress admin.
  • Click the Header tab on the right hand side to view the various options.
  • Select the header design of your choice and any of the other optins you wish to use. Click Save Changes when complete.
View More Information In Our Documentation