Icons

Create any icon combinations.

Attributes

• icon: enter the icon name. (See all the available icons here).
• icon_size: define the icon size (values: fa-2x, fa-3x, fa-4x, fa-5x).
• set_custom_icon_size: enable to use a custom icon size (values: true, false).
• custom_icon_size: set the custom icon size.
• custom_icon_margin: spacing between icon and text.
• image: enter the url of the image if you don’t want to use the Font Awesome Icons library.
• icon_type: set the icon type. (values: normal, circle, square)
• icon_position: set the icon location. (values: top, left, left_from_title)
• icon_margin: margin should be set in a top right bottom left format. (i.e.: 0 0 28px 0)
• icon_border_color: set the icon border color. (Only for square and circle type)
• icon_color: set the icon color.
• icon_background_color: set the icon background color. (Only for square and circle icon type)
• title: set the title.
• title_tag: set the title tag. (values: h2, h3, h4, h5)
• title_color: set the title color.
• text: set the text.
• text_color: set the text color.
• link: set the link url if any.
• link_text: set the link text.
• link_color: set the link text color.
• target: set the link target. (values: _self, _blank)

Demo

[icon_text icon="fa-header" icon_type="circle" icon_position="top" icon_size="fa-4x" icon_background_color="#00a9c5" icon_border_color="#00a9c5" icon_color="#ffffff" title="About us" text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam." link="#" link_text="Learn more"]

[icon_text icon="fa-desktop" icon_type="circle" icon_position="left" icon_size="fa-3x" use_custom_icon_size="no" title="Beautiful design" text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam."]

[icon_text icon="fa-key" icon_type="normal" icon_position="left_from_title" icon_size="fa-2x" use_custom_icon_size="no" title="Fully Customizible" text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam."]