{"id":33943,"date":"2019-03-04T09:19:02","date_gmt":"2019-03-04T09:19:02","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&#038;p=33943"},"modified":"2020-10-21T13:38:28","modified_gmt":"2020-10-21T13:38:28","slug":"service","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/service\/","title":{"rendered":"Service"},"content":{"rendered":"<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-service\">\n<div class=\"su-service-title\" style=\"padding-left:62px;min-height:48px;line-height:48px\"><i class=\"sui sui-star\" style=\"font-size:48px;color:#ffe875\"><\/i> Service title<\/div>\n<div class=\"su-service-content su-u-clearfix su-u-trim\" style=\"padding-left:62px\">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.<\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"su-service\"><div class=\"su-service-title\" style=\"padding-left:14px;min-height:0px;line-height:0px\"><i class=\"sui sui-&quot;\" style=\"font-size:0px;color:&quot;#ffe875&quot;\"><\/i> &quot;Service<\/div><div class=\"su-service-content su-u-clearfix su-u-trim\" style=\"padding-left:14px\">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.<\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-2\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"su-service\">\n<div class=\"su-service-title\" style=\"padding-left:46px;min-height:32px;line-height:32px\"><i class=\"sui sui-cog\" style=\"font-size:32px;color:#444444\"><\/i> Service title<\/div>\n<div class=\"su-service-content su-u-clearfix su-u-trim\" style=\"padding-left:46px\">Integer cursus orci bibendum sem mollis, et bibendum diam sodales.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-size-1-2\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"su-service\">\n<div class=\"su-service-title\" style=\"padding-left:46px;min-height:32px;line-height:32px\"><i class=\"sui sui-cog\" style=\"font-size:32px;color:#444444\"><\/i> Service title<\/div>\n<div class=\"su-service-content su-u-clearfix su-u-trim\" style=\"padding-left:46px\">Integer cursus orci bibendum sem mollis, et bibendum diam sodales.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"su-row\">\n<div class=\"su-column su-column-size-&quot;1-2&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"su-service\"><div class=\"su-service-title\" style=\"padding-left:46px;min-height:32px;line-height:32px\"><i class=\"sui sui-&quot;\" style=\"font-size:32px;color:&quot;#444444&quot;\"><\/i> &quot;Service<\/div><div class=\"su-service-content su-u-clearfix su-u-trim\" style=\"padding-left:46px\">Integer cursus orci bibendum sem mollis, et bibendum diam sodales.<\/div><\/div>\n<\/div><\/div>\n<div class=\"su-column su-column-size-&quot;1-2&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"su-service\"><div class=\"su-service-title\" style=\"padding-left:46px;min-height:32px;line-height:32px\"><i class=\"sui sui-&quot;\" style=\"font-size:32px;color:&quot;#444444&quot;\"><\/i> &quot;Service<\/div><div class=\"su-service-content su-u-clearfix su-u-trim\" style=\"padding-left:46px\">Integer cursus orci bibendum sem mollis, et bibendum diam sodales.<\/div><\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"description\">Description<\/h2>\n\n\n\n<p>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 <code>[su_row]<\/code> and <code>[su_column]<\/code> to align boxes horizontally.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Option name<\/th><th>Possible values<\/th><th>Default value<\/th><\/tr><tr><td><strong>title<\/strong><br><small>Service name<\/small><\/td><td>Any text value<\/td><td>Service title<\/td><\/tr><tr><td><strong>icon<\/strong><br><small>You can upload custom icon for this box<\/small><\/td><td>Fork Awesome icon name (with &#8220;icon:&#8221; prefix) or image URL. Examples: <em>icon: star<\/em>, <em>http:\/\/example.com\/icon.png<\/em>. <a href=\"https:\/\/forkaweso.me\/Fork-Awesome\/icons\/\" target=\"_blank\" rel=\"noopener noreferrer\">See available Fork Awesome icons<\/a>.<\/td><td>icon: star<\/td><\/tr><tr><td><strong>icon_color<\/strong><br><small>This color will be applied to the selected icon. Does not works with uploaded icons<\/small><\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>size<\/strong><br><small>Size of the uploaded icon in pixels<\/small><\/td><td>Number from 10 to 128<\/td><td>32<\/td><\/tr><tr><td><strong>class<\/strong><br><small>Additional CSS class name(s) separated by space(s)<\/small><\/td><td>CSS class name(s) separated by space(s)<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36682,"template":"","docs_category":[21],"class_list":["post-33943","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36682"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33943"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}