Icon Columns

Left alignment

[box_section layout=»horizontal» icon_type=»theme-icon» icon_theme=»heart-o» icon_size=»40″ color=»#747474″ circle_size=»70″ color_circle=»#747474″ title=»LOVE THIS THEME» animation_delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section layout=»horizontal» icon_type=»theme-icon» icon_theme=»quote-left» icon_size=»40″ color=»#e9a400″ circle_size=»70″ color_circle=»#e9a400″ title=»QUOTE ICON»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section]
[box_section layout=»horizontal» icon_type=»theme-icon» icon_theme=»scissors» icon_size=»40″ color=»#747474″ circle_size=»70″ color_circle=»#747474″ title=»CUT ME!»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section layout=»horizontal» icon_type=»theme-icon» icon_theme=»star-o» icon_size=»40″ color=»#e9a400″ circle_size=»70″ color_circle=»#e9a400″ title=»5 STAR SUPPORT»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section]

Center alignment

[box_section layout=»vertical» icon_type=»theme-icon» icon_theme=»adjust» icon_size=»40″ color=»#747474″ circle_size=»70″ color_circle=»#747474″ title=»Adjust»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section layout=»vertical» icon_type=»theme-icon» icon_theme=»adn» icon_size=»40″ color=»#e9a400″ circle_size=»70″ color_circle=»#e9a400″ title=»Adn»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section]
[box_section layout=»vertical» icon_type=»theme-icon» icon_theme=»align-left» icon_size=»40″ color=»#747474″ circle_size=»70″ color_circle=»#797979″ title=»ALIGN LEFT»]

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.

[/box_section][box_section layout=»vertical» icon_type=»theme-icon» icon_theme=»align-right» icon_size=»40″ color=»#e9a400″ circle_size=»70″ color_circle=»#e9a400″ title=»ALIGN RIGHT»]

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.

[/box_section]

[box_title font_size=»15″ font_alignment=»center» border=»middle» border_color=»#CDCDCD»]SHORTCODE ATTRIBUTES[/box_title]
  • icon type: type of the icon(theme-icon or custom)
  • icon url: url of the icon(if icon type is custom)
  • icon theme: the awesome icon(if icon type is theme-icon)
  • icon size: size of the awesome icon(if icon type is theme-icon)
  • icon color: color of the awesome icon(if icon type is theme-icon)
  • title: title of the blog section
  • title size: type list of the title
  • class: custom class added to the blog section
  • link: url of the link
  • link title: title of the link
  • animate: animation type
  • animation delay: the delay to which the animation starts

Left alignment

[box_section layout=»horizontal» icon_type=»theme-icon» icon_theme=»heart-o» icon_size=»40″ color=»#747474″ circle_size=»70″ color_circle=»#747474″ title=»LOVE THIS THEME»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section layout=»horizontal» icon_type=»theme-icon» icon_theme=»quote-left» icon_size=»40″ color=»#e9a400″ circle_size=»70″ color_circle=»#e9a400″ title=»QUOTE ICON»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section]
[box_section layout=»horizontal» icon_type=»theme-icon» icon_theme=»scissors» icon_size=»40″ color=»#747474″ circle_size=»70″ color_circle=»#747474″ title=»CUT ME!»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section layout=»horizontal» icon_type=»theme-icon» icon_theme=»star-o» icon_size=»40″ color=»#e9a400″ circle_size=»70″ color_circle=»#e9a400″ title=»5 STAR SUPPORT»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section]

Center alignment

[box_section layout=»vertical» icon_type=»theme-icon» icon_theme=»adjust» icon_size=»40″ color=»#747474″ circle_size=»70″ color_circle=»#747474″ title=»Adjust»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section][box_section layout=»vertical» icon_type=»theme-icon» icon_theme=»adn» icon_size=»40″ color=»#e9a400″ circle_size=»70″ color_circle=»#e9a400″ title=»Adn»]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/box_section]
[box_section layout=»vertical» icon_type=»theme-icon» icon_theme=»align-left» icon_size=»40″ color=»#747474″ circle_size=»70″ color_circle=»#797979″ title=»ALIGN LEFT»]

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.

[/box_section][box_section layout=»vertical» icon_type=»theme-icon» icon_theme=»align-right» icon_size=»40″ color=»#e9a400″ circle_size=»70″ color_circle=»#e9a400″ title=»ALIGN RIGHT»]

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.

[/box_section]

[box_title font_size=»15″ font_alignment=»center» border=»middle» border_color=»#CDCDCD»]SHORTCODE ATTRIBUTES[/box_title]
  • icon type: type of the icon(theme-icon or custom)
  • icon url: url of the icon(if icon type is custom)
  • icon theme: the awesome icon(if icon type is theme-icon)
  • icon size: size of the awesome icon(if icon type is theme-icon)
  • icon color: color of the awesome icon(if icon type is theme-icon)
  • title: title of the blog section
  • title size: type list of the title
  • class: custom class added to the blog section
  • link: url of the link
  • link title: title of the link
  • animate: animation type
  • animation delay: the delay to which the animation starts