# Content Boxes

- Link: https://www.solmesz.com/content-boxes
- Published: 2013-05-24T20:56:37-03:00
- Author: Sol Mesz

# Content Boxes Shortcode

Content boxes are a great way to display unique, featured or highlighted content
to your viewer. Our content box shortcode is loaded with design and customization
options.

## Flexible Content Boxes

 Display content attractively by using Avada’s Content Boxes!

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

**4 Design Styles**

Content boxes come in 4 different design styles allowing you to choose the style
per shortcode instance.

## Icon Boxed

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## Icon Beside Title

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## Transparent Background

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## Aligned With Title

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

**Utilize Them In 1-6 Columns**

Our column option is built into the content boxes allowing you to choose 1-6 columns

## 1 of 4 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## 2 of 4 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## 3 of 4 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## 4 of 4 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## 1 of 3 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## 2 of 3 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## 3 of 3 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## 1 of 2 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## 2 of 2 Columns

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## Full Width

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

**Font Awesome & Custom Icon Integration**

Content boxes can utilize any of the font awesome icons, or you can choose to upload
custom icons. Font Awesome icons can be set to flip, rotate and spin.

## Flip Icon

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## Rotate Icon

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## Spinning Icon

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

**Styling Control**

Fully control the styling of the icons, circles, borders, alignment and more.

## Abundance of Icons

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## Border Customization

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

## Circle Containers

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

[Learn More](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)

**Complete Set of Options **

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

 * **columns** – Can be one of these values: _1, 2, 3, 4, 5, _or_ 6. _Sets the number
   of columns per row.
 * **color** – Accepts a hexcode _( #000000 )._ Sets the counter’s value and icon
   color. Leave blank for Theme Option selection.
 * **title_size** – Accepts a numerical value that sets the font size of the title
   text in pixels. For example, _50_.
 * **icon_size** – Accepts a numerical value that sets the font size of the icon
   in pixels. For example _50_.
 * **body_color** – Accepts a hexcode _( #000000 )._ Sets the body font’s color.
   Leave blank for Theme Option selection.
 * **body_size** – Accepts a numerical value that sets the font size of the body
   text in pixels. For example, _20_.
 * **border_color** – Accepts a hexcode _( #000000 )._ Sets the border’s color. 
   Leave blank for Theme Option selection.

 * **value** – The _Counter Value. _Accepts a numerical value to set the value to
   which the counter will animate. For example, _95_.
 * **unit** – Accepts an alphanumeric value or symbols to represent a unit of measurement.
   For example, _%_ or _cm_.
 * **unit_pos** – Can be one of these values: _prefix_ to place before the counter,
   or_ suffix _to place after the counter.
 * **icon** – A font awesome icon value. For example, _fa-glass_.
 * **direction** – Can be one of these values: _up, _or_ down. _Sets the counter
   to count up or to count down.
 * **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)