Icon Box

Icon Box

[tabs]
[tab title= »Parameters » icon= »check » icon_color= »#3cabce »]

Parameters

[divider_line]
[list icon= »check » color= »blue »]

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

[/list]
[/tab]
[tab title= »Shortcode Option Panel » icon= »check » icon_color= »#3cabce »]

Shortcode Option Panel

[divider_line]
[image source_type= »attachment_id » source_value= »3228″ caption= »The Icon Box Shortcode Options Panel » alt= »The Icon Box Shortcode Options Panel » align= »center » icon= »zoom » width= »594″ autoHeight= »true » quality= »100″ lightbox= »true » title= »The Icon Box Shortcode Options Panel »]
[/tab]
[/tabs]

[divider_padding]

Icon Inline

[divider_line]
[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]

[toggle title= »Get the code »]
[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][/code]
[/toggle]

[divider_padding]

Icon Left

[divider_line]
[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]

[toggle title= »Get the code »]
[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][/code]
[/toggle]

[divider_padding]

Icon Center

[divider_line]
[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]

[toggle title= »Get the code »]
[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][/code]
[/toggle]

[divider_top]

Leave a Response