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!