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]

Center alignment

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

Center alignment

Left alignment

Center alignment

Search