THE WEEKEND SALE

GET ADD-ONS BUNDLE WITH 34% OFF

ONLY 10 HOURS LEFT

GET ADD-ONS BUNDLE – FROM ONLY $39

DISCOUNT CODE APPLIED AUTOMATICALLY

Service

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.
[su_service title="Service title" icon="icon: star" icon_color="#ffe875" size="48"]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]
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_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]

Description

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.

Options

Option namePossible valuesDefault value
title
Service name
Any text valueService title
icon
You can upload custom icon for this box
Fork Awesome icon name (with “icon:” prefix) or image URL. Examples: icon: star, http://example.com/icon.png. See available Fork Awesome icons.icon: star
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 12832
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)– none –
Helpful?
🤝 Thank you!