Icon Box

Parameters

  • title
  • icon(optional)
  • iconSize:small,default,large
  • iconColor(optional)
  • type:inline,left,center
  • content(optional)
  • class:(optional)

Shortcode Option Panel

The Icon Box Shortcode Options Panel
The Icon Box Shortcode Options Panel

Icon Inline

Puzzle Piece

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Rocket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Gift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Lightbulb-o

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Get the code

[one_fourth] [iconbox icon="puzzle-piece" iconSize="small" iconColor="#f6653c" title="Puzzle Piece" type="inline"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_fourth] [one_fourth] [iconbox icon="rocket" iconSize="small" iconColor="#2ac4ea" title="Rocket" type="inline"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_fourth] [one_fourth] [iconbox icon="gift" iconSize="small" iconColor="#c5af55" title="Gift" type="inline"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_fourth] [one_fourth_last] [iconbox icon="lightbulb-o" iconSize="small" iconColor="#27ccc0" title="Lightbulb-o" type="inline"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_fourth_last]

Icon Left

Puzzle Piece

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Rocket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Gift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Get the code

[one_third] [iconbox icon="puzzle-piece" iconSize="default" iconColor="#f6653c" title="Puzzle Piece" type="left"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_third] [one_third] [iconbox icon="rocket" iconSize="default" iconColor="#2ac4ea" title="Rocket" type="left"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_third] [one_third_last] [iconbox icon="gift" iconSize="default" iconColor="#c5af55" title="Gift" type="left"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_third_last]

Icon Center

Puzzle Piece

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Rocket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.

Get the code

[one_half] [iconbox icon="puzzle-piece" iconSize="Large" iconColor="#f6653c" title="Puzzle Piece" type="center"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_half] [one_half_last] [iconbox icon="rocket" iconSize="Large" iconColor="#2ac4ea" title="Rocket" type="center"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox] [/one_half_last]