{"id":182,"date":"2016-01-29T08:39:30","date_gmt":"2016-01-29T08:39:30","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=182"},"modified":"2016-01-29T08:39:30","modified_gmt":"2016-01-29T08:39:30","slug":"icon","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/modules\/icon\/","title":{"rendered":"Icon"},"content":{"rendered":"<p>Icon Module allows you to add <a target=\"_blank\" href=\"https:\/\/fortawesome.github.io\/Font-Awesome\/\">FontAwesome Icons<\/a> to your site pages. The FontAwesome Icons are font-based icons, which can be scaled without any quality\/detail loss.<\/p>\n<p>You can add multiple icons as a group in one icon module, and each icon in the group can have different styles.<\/p>\n<h5>Editing an Icon Module<\/h5>\n<ol>\n<li>Move your cursor onto the icon module to show the <strong>Module Toolbar<\/strong>, click the <strong><i class=\"fa fa-pencil\"><\/i> (Edit)<\/strong> button.<\/li>\n<li>The first icon in the group now is highlighted, which means you are editing this one. To edit another icon in the group, just click on that icon to switch on its editing mode. And you can see the <strong>Icon Editing Tools<\/strong>:\n<ol>\n<li><strong>Choose Icon<\/strong> &#8211; Click to open icons panel, click one to select and close the panel.<\/li>\n<li><strong>Icon Style<\/strong> &#8211; With Border \/ With Background \/ Icon Only. Click one to select.<\/li>\n<li><strong>Icon Color<\/strong> &#8211; Click the open the color picker.<\/li>\n<li><strong>Icon Size<\/strong> &#8211; Choose from 5 sizes.<\/li>\n<li><strong>Icon Link \/ Unlink<\/strong> &#8211; Add link url to this icon or remove the link.<\/li>\n<li><strong>Add Icon<\/strong> &#8211; Click to add another icon after the current one.<\/li>\n<li><strong>Remove Icon<\/strong> &#8211; Click to remove the current icon.<\/li>\n<\/ol>\n<\/li>\n<li>Click on anywhere outside of the module to exit the <strong>Module Edit Mode<\/strong>.<\/li>\n<li>You can turn off the <strong>Content Edit Mode<\/strong> to see the page preview.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Icon Module allows you to add FontAwesome Icons to your site pages. The FontAwesome Icons are font-based icons, which can be scaled without any quality\/detail loss. You can add multiple icons as a group in one icon module, and each icon in the group can have different styles. Editing an Icon Module Move your cursor [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":152,"menu_order":100,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":0,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/182\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/152"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/media?parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}