This shortcode allows you to create blocks with titles and icons to display product features or list of services. You can combine this shortcode with [su_row] and [su_column] to align boxes horizontally.

Service title
Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.
Service title
Integer cursus orci bibendum sem mollis, et bibendum diam sodales.
Service title
Integer cursus orci bibendum sem mollis, et bibendum diam sodales.
[su_service title="Service title" icon="icon: cog" icon_color="#444444"]Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.[/su_service]

[su_row]
[su_column size="1/2"]
[su_service title="Service title" icon="icon: cog" icon_color="#444444"]Integer cursus orci bibendum sem mollis, et bibendum diam sodales.[/su_service]
[/su_column]
[su_column size="1/2"]
[su_service title="Service title" icon="icon: cog" icon_color="#444444"]Integer cursus orci bibendum sem mollis, et bibendum diam sodales.[/su_service]
[/su_column]
[/su_row]
Option name Possible values Default value
title
Service name
Any text value Service title
icon
You can upload custom icon for this box
FontAwesome icon name (with “icon:” prefix) or icon image URL. Examples: icon: star, http://example.com/icon.png

none

icon_color
This color will be applied to the selected icon. Does not works with uploaded icons
#HEX color #333333
size
Size of the uploaded icon in pixels
Number from 10 to 128 32
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)

none