{"id":223,"date":"2014-06-20T23:04:43","date_gmt":"2014-06-20T23:04:43","guid":{"rendered":"http:\/\/enjooy.freevision.me\/help\/?p=223"},"modified":"2014-09-07T19:08:44","modified_gmt":"2014-09-07T19:08:44","slug":"icon-2","status":"publish","type":"post","link":"http:\/\/doc.freevision.me\/rosie\/icon-2\/","title":{"rendered":"Icon"},"content":{"rendered":"<p>Simple icon component.<\/p>\n<p><strong>Title :<\/strong> Only a place holder. Has no affect on frontend.<\/p>\n<p><strong>Icon :<\/strong> Search and choose on of available icon for your list from more than one thousand hand crafted &amp; picked type icons.<\/p>\n<p><strong>Size :<\/strong> regular (16px), large (32px), xlarge (48px), xxlarge (64px) and xxxlarge (128px) options are available.<\/p>\n<p><strong>Style :<\/strong> 4 different option available for it.<\/p>\n<p style=\"padding-left: 30px;\"><em>Clean :<\/em> Only icon, no background.<\/p>\n<p style=\"padding-left: 30px;\"><em>Square :<\/em> Square background for your icon.<\/p>\n<p style=\"padding-left: 30px;\"><em>Circle :<\/em> Circle background for your icon.<\/p>\n<p style=\"padding-left: 30px;\"><em>Circle 2<\/em> : No background, only circle line around your icon.<\/p>\n<p><strong>Align :<\/strong> Left, Right and Center float alignment options available.<\/p>\n<p><strong>Link :<\/strong> URL to go on click event.<\/p>\n<p><strong>Target Window :<\/strong> Target window to use on click event.<\/p>\n<p><strong>Background Color :<\/strong> Background color for your icon.<\/p>\n<p><strong>Foreground Color :<\/strong> Color for your icon.<\/p>\n<p><strong>Icon Shadow Color :<\/strong> Use this option to add realistic shadow to icon.<\/p>\n<p><strong>CSS Animation :<\/strong> Select type of animation if you want this element to be animated when it enters into the browsers viewport. Note: Works only in modern browsers.<\/p>\n<p><strong>Extra Class name :<\/strong> If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>See it in action :<\/strong>\u00a0<a href=\"http:\/\/rosie.freevision.me\/features\/infographics-icons\/\">http:\/\/rosie.freevision.me\/features\/infographics-icons\/<\/a> (1300+ True Retina Type Icons)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Simple icon component. Title : Only a place holder. Has no affect on frontend. Icon : Search and choose on &hellip; <a href=\"http:\/\/doc.freevision.me\/rosie\/icon-2\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/posts\/223"}],"collection":[{"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":1,"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"predecessor-version":[{"id":425,"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/posts\/223\/revisions\/425"}],"wp:attachment":[{"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/doc.freevision.me\/rosie\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}