{"id":33984,"date":"2019-03-04T11:14:08","date_gmt":"2019-03-04T11:14:08","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&#038;p=33984"},"modified":"2022-12-13T12:11:22","modified_gmt":"2022-12-13T12:11:22","slug":"text-with-icon","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/text-with-icon\/","title":{"rendered":"Text with icon"},"content":{"rendered":"<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-icon-text sue-panel-clickable\" data-url=\"#\" data-target=\"self\" style=\"min-height:34px;padding-left:36px;color:#333333\">\n<div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:24px;width:24px;height:24px\"><i class=\"sui sui-star\" style=\"font-size:24px;color:#333333\"><\/i><\/div>\n<div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius nibh leo, sit amet mollis sem gravida vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n<div style=\"clear:both;height:0\"><\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"sue-icon-text sue-panel-clickable\" data-url=\"&quot;#&quot;\" data-target=\"self\" style=\"min-height:34px;padding-left:36px;color:#333333\"><div class=\"sue-icon-text-icon\" style=\"color:#333333;font-size:24px;width:24px;height:24px\"><i class=\"sui sui-&quot;\" style=\"font-size:24px;color:#333333\"><\/i><\/div><div class=\"sue-icon-text-content su-u-trim\" style=\"color:#333333\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius nibh leo, sit amet mollis sem gravida vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div><div style=\"clear:both;height:0\"><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n<p class=\"has-black-color has-light-background-color has-text-color has-background\">This shortcode is available in <a href=\"\/pricing\/\">Shortcodes Ultimate Pro<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"description\">Description<\/h2>\n\n\n\n<p>This shortcode allows you to add an icon to almost any content.<\/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>color<\/strong><br>Text color<\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>icon<\/strong><br>Select the icon for this text block<\/td><td>FontAwesome icon name (with &#8220;icon:&#8221; prefix) or icon image URL. Examples: <em>icon: star<\/em>, <em>http:\/\/example.com\/icon.png<\/em><\/td><td>icon: heart<\/td><\/tr><tr><td><strong>icon_color<\/strong><br>Select icon color. This color will be aplied only to built-in icons. Does not works for uploaded icons<\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>icon_size<\/strong><br>Select icon size (px)<\/td><td>Number from 10 to 320<\/td><td>24<\/td><\/tr><tr><td><strong>url<\/strong><br>You can type here any hyperlink to make this panel clickable<\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>class<\/strong><br>Additional CSS class name(s) separated by space(s)<\/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":36673,"template":"","docs_category":[21],"class_list":["post-33984","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33984","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\/36673"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33984"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}