Icon Columns

Left alignment

[box_section layout=”horizontal” icon_type=”theme-icon” icon_theme=”heart-o” icon_size=”40″ color=”#ffffff” title=”LOVE THIS THEME” class=”box-sections” animation_delay=”0″ circle_size=”70″ color_circle=”#ffffff”]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=”#f7c104″ title=”QUOTE ICON” class=”box-sections” animation_delay=”0″ circle_size=”70″ color_circle=”#f7c104″]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=”#ffffff” title=”CUT ME!” class=”box-sections” animation_delay=”0″ circle_size=”70″ color_circle=”#ffffff”]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=”#f7c104″ title=”5 STAR SUPPORT” class=”box-sections” animation_delay=”0″ circle_size=”70″ color_circle=”#f7c104″]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=”#ffffff” title=”Adjust” class=”box-sections” animation_delay=”0″ circle_size=”70″ color_circle=”#ffffff”]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=”#f7c104″ title=”Adn” class=”box-sections” animation_delay=”0″ circle_size=”70″ color_circle=”#f7c104″]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=”#ffffff” title=”Aling Left” class=”box-sections” animation_delay=”0″ circle_size=”70″ color_circle=”#ffffff”]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=”#f7c104″ title=”Align Right” class=”box-sections” animation_delay=”0″ circle_size=”70″ color_circle=”#f7c104″]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 subtitle_font_size=”15″ 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