# Columns

- Link: https://www.solmesz.com/columns
- Published: 2014-09-04T18:59:48-03:00
- Author: Sol Mesz

# 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](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw
==)

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.

**Equal Column Height**

When used in our full width container, we provide an option to make all columns 
in a set equal height. This produces a much cleaner, even look for your content.

#### Equal Column Height

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.

![](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%
27%20width%3D%27614%27%20height%3D%27400%27%20viewBox%3D%270%200%20614%20400%27%
3E%3Crect%20width%3D%27614%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F%3E%
3C%2Fsvg%3E "two_third_2")

**Column Sizes**

We offer a complete set of columns from 1-6. See below for every column combination.

#### One Half

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. Duis aute 
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.

#### One Half

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. Duis aute 
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.

#### One Third

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. Duis aute 
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

#### One Third

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. Duis aute 
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

#### One Third

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. Duis aute 
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

#### One Third

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. Duis aute 
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

#### Two Third

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. Duis aute 
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. 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. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nis.

#### One Fourth

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
sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### One Fourth

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
sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### One Fourth

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
sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### One Fourth

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
sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### One Fourth

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
sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### Three Fourth

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. 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. 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. magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis
nostrud exercitation ulis.

#### One Fifth

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
sitsers exercitation.

#### Four Fifth

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. 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. 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. magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis
nostrud exercitation ulis.

#### Two Fifth

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
sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

#### Three Fifth

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
sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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.

#### One Fifth

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
sitsers exercitation.

#### One Fifth

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
sitsers exercitation.

#### One Fifth

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
sitsers exercitation.

#### One Fifth

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
sitsers exercitation.

#### One Fifth

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
sitsers exercitation.

#### Five Sixth

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. 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. 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. magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis
nostrud exercitation ulis.

#### One Sixth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

#### One Sixth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

#### One Sixth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

#### One Sixth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

#### One Sixth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

#### One Sixth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

#### One Sixth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.

**Complete Set of Options **

Every option and description included with the column shortcode is listed below.

 * **last** – Can be one of these values: _yes, _or_ no. _ Set if the column is 
   last in a set.
 * **spacing** – Can be one of these values: _yes, _or_ no._ This will enable or
   disable the margin between columns.
 * **background_color** – Accepts a hexcode _( #000000 )_. Sets the infobox’s background
   color. Leave Blank for Theme Option selection.
 * **background_image** – The URL path of your background image, starting with _http://_
   and usually ending on _.jpg, .png _or_ .gif._
 * **background_repeat** – Can be one of these values: _no-repeat, repeat, repeat-
   y, _or_ repeat-x. _Sets how the background repeats.
 * **background_position** – Accept a pixel value, percentage or certain alphabetic
   values. For example,_ 50px, 100%, left top, left center, left bottom, right top,
   right center, right bottom, center top, center center, _or_ center bottom. _Sets
   the background’s position.

 * **border_size** – Accepts a pixel value that sets the border’s size. For example,
   _5px_.
 * **border_color** – Accepts a hexcode _( #000000 )_. Sets the border’s color. 
   Leave Blank for Theme Option selection.
 * **border_style** – Can be one of these values: _solid, dashed, _or_ dotted. _Sets
   the border’s style.
 * **padding** – Accepts a pixel value that sets the padding. For example, _5px_.
 * **class** – Add a _custom class_ to the wrapping HTML element for further css
   customization.
 * **id** – Add a _custom id_ to the wrapping HTML element for further css customization.

# Join The 100,000+ Satisfied Avada Users!

[ BUY AVADA NOW!](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)