{"id":13279,"date":"2022-07-27T12:56:10","date_gmt":"2022-07-27T12:56:10","guid":{"rendered":"https:\/\/kriesi.at\/documentation\/enfold\/?p=13279"},"modified":"2022-07-27T14:18:07","modified_gmt":"2022-07-27T14:18:07","slug":"icon-circles","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/icon-circles\/","title":{"rendered":"Icon Circles"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-l63l64mt-5d3bf9d7353b077e02be4678022f6d9b\">\n#top .av-special-heading.av-l63l64mt-5d3bf9d7353b077e02be4678022f6d9b{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-l63l64mt-5d3bf9d7353b077e02be4678022f6d9b .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-l63l64mt-5d3bf9d7353b077e02be4678022f6d9b .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-l63l64mt-5d3bf9d7353b077e02be4678022f6d9b av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first  av-linked-heading'><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Icon Circles<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-4l81w9-b5b0c6c84c0027478f93af1559d8b8ff hr-default  avia-builder-el-1  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-4eoa8p-49c749fa47049f63950c83b553a1aa26 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-49omnd-e444299ea1a77c6a27ffe0bb90e70c08 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Added in Enfold 5.1, Icon Circles element is the perfect element if you would like to keep your page minimalistic and to offer your content in a creative way.<\/p>\n<p>Just like the other ALB elements, Icon Circles comes with variable styling options such as adding links to icons, choosing first active icon, color options and even the rotation of icons!<\/p>\n<p>You can add as many icons as you like in your Icon Circles element however we recommend adding between 3 to 12 icons for the best presentation.<\/p>\n<p><a href=\"https:\/\/kriesi.at\/#what-you-get\">Icon Circles example<\/a><\/p>\n<\/div><\/section>\n<div  class='flex_column av-1jdoejj-5ac6d04d5a3496e3c3c2d73ce5846916 av_one_fifth  avia-builder-el-4  el_after_av_textblock  el_before_av_three_fifth  first flex_column_div  column-top-margin'     ><\/div>\n<div  class='flex_column av-100bdof-c622c0bda0f13c2fa8a9d8ec3279e470 av_three_fifth  avia-builder-el-5  el_after_av_one_fifth  el_before_av_one_fifth  flex_column_div  column-top-margin'     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-l63nj9ic-d85be8681fddff12764b6999d660e5f7\">\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7 .avia-icon-circles-icon-1{\ntransform:translate(0px,250px);\nleft:50%;\ntop:0%;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7.avia_start_animation .avia-icon-circles-icon-1{\ntransform:translate(0px,0px);\nopacity:1;\ntransition-delay:1s;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7 .avia-icon-circles-icon-2{\ntransform:translate(-216px,125px);\nleft:93%;\ntop:25%;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7.avia_start_animation .avia-icon-circles-icon-2{\ntransform:translate(0px,0px);\nopacity:1;\ntransition-delay:1.2s;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7 .avia-icon-circles-icon-3{\ntransform:translate(-216px,-124px);\nleft:93%;\ntop:74%;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7.avia_start_animation .avia-icon-circles-icon-3{\ntransform:translate(0px,0px);\nopacity:1;\ntransition-delay:1.4s;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7 .avia-icon-circles-icon-4{\ntransform:translate(0px,-250px);\nleft:50%;\ntop:100%;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7.avia_start_animation .avia-icon-circles-icon-4{\ntransform:translate(0px,0px);\nopacity:1;\ntransition-delay:1.6s;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7 .avia-icon-circles-icon-5{\ntransform:translate(216px,-125px);\nleft:6%;\ntop:75%;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7.avia_start_animation .avia-icon-circles-icon-5{\ntransform:translate(0px,0px);\nopacity:1;\ntransition-delay:1.8s;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7 .avia-icon-circles-icon-6{\ntransform:translate(216px,125px);\nleft:6%;\ntop:25%;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7.avia_start_animation .avia-icon-circles-icon-6{\ntransform:translate(0px,0px);\nopacity:1;\ntransition-delay:2s;\n}\n.av-icon-circles-container.av-l63nj9ic-d85be8681fddff12764b6999d660e5f7.avia_start_animation.avia_animation_finished .avia-icon-circles-icon{\ntransition-delay:0s;\n}\n<\/style>\n<div class='av-icon-circles-container av-l63nj9ic-d85be8681fddff12764b6999d660e5f7 avia_animate_when_visible  avia-builder-el-6  avia-builder-el-no-sibling ' ><div class='avia-icon-circles-main-logo'  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><img src='https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/07\/Enfold-Docs-1.png' alt='' title='Enfold-Docs'  itemprop=\"thumbnailUrl\"  \/><\/div><div class=\"avia-icon-circles-inner\"><div class='avia-icon-circles-icon av-l63nj98l-a9b8f2295ec76200622329e87eadac8b av-no-link avia-iconfont avia-font-entypo-fontello avia-icon-circles-icon-1' data-icon-circles-icon=\"1\" data-av_icon='\ue856' data-av_iconfont='entypo-fontello' ><\/div><div class='avia-icon-circles-icon-text av-l63nj98l-a9b8f2295ec76200622329e87eadac8b avia-icon-circles-icon-text-1' data-icon-circles-text=\"1\"><div class=\"avia-icon-circles-icon-text-inner\"><div class=\"icon-title\">Lorem Ipsum<\/div><div class=\"icon-description\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius, ligula sit amet scelerisque dictum, ligula augue dictum odio, non fringilla leo turpis id massa. Aenean finibus lectus nec arcu porttitor molestie.<\/p>\n<\/div><\/div><\/div><div class='avia-icon-circles-icon av-l63nlsyh-7d9df3e48dcb093208f76df3324ebded av-no-link avia-iconfont avia-font-entypo-fontello avia-icon-circles-icon-2' data-icon-circles-icon=\"2\" data-av_icon='\ue8c0' data-av_iconfont='entypo-fontello' ><\/div><div class='avia-icon-circles-icon-text av-l63nlsyh-7d9df3e48dcb093208f76df3324ebded avia-icon-circles-icon-text-2' data-icon-circles-text=\"2\"><div class=\"avia-icon-circles-icon-text-inner\"><div class=\"icon-title\">Donec tempor<\/div><div class=\"icon-description\"><p>Donec tempor lectus vel suscipit maximus. Duis non dolor viverra, malesuada dolor ac, volutpat sapien. Morbi fermentum sollicitudin velit vitae mollis. Curabitur fringilla pulvinar magna, sed convallis lorem facilisis in. <\/p>\n<\/div><\/div><\/div><div class='avia-icon-circles-icon av-l63nm1rd-cbc357b70550d8d5589d6e5c0a89b171 av-no-link avia-iconfont avia-font-entypo-fontello avia-icon-circles-icon-3' data-icon-circles-icon=\"3\" data-av_icon='\ue8b9' data-av_iconfont='entypo-fontello' ><\/div><div class='avia-icon-circles-icon-text av-l63nm1rd-cbc357b70550d8d5589d6e5c0a89b171 avia-icon-circles-icon-text-3' data-icon-circles-text=\"3\"><div class=\"avia-icon-circles-icon-text-inner\"><div class=\"icon-title\">Curabitur fringilla<\/div><div class=\"icon-description\"><p>Curabitur fringilla pulvinar magna, sed convallis lorem facilisis in. Aenean congue libero eros, a vulputate orci egestas ut. Mauris commodo nisi ut neque sagittis interdum. Nam ut dolor vitae sem lobortis lacinia. <\/p>\n<\/div><\/div><\/div><div class='avia-icon-circles-icon av-l63nmt7f-4deceffc7e571ddaa46f0deee805d181 av-no-link avia-iconfont avia-font-entypo-fontello avia-icon-circles-icon-4' data-icon-circles-icon=\"4\" data-av_icon='\ue806' data-av_iconfont='entypo-fontello' ><\/div><div class='avia-icon-circles-icon-text av-l63nmt7f-4deceffc7e571ddaa46f0deee805d181 avia-icon-circles-icon-text-4' data-icon-circles-text=\"4\"><div class=\"avia-icon-circles-icon-text-inner\"><div class=\"icon-title\">Morbi in mauris<\/div><div class=\"icon-description\"><p>Morbi in mauris quis dolor placerat ullamcorper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse aliquam orci vel consectetur faucibus.<\/p>\n<\/div><\/div><\/div><div class='avia-icon-circles-icon av-l63nndoo-35c56f595f9701f3926db2f1eab870ce av-no-link avia-iconfont avia-font-entypo-fontello avia-icon-circles-icon-5' data-icon-circles-icon=\"5\" data-av_icon='\ue925' data-av_iconfont='entypo-fontello' ><\/div><div class='avia-icon-circles-icon-text av-l63nndoo-35c56f595f9701f3926db2f1eab870ce avia-icon-circles-icon-text-5' data-icon-circles-text=\"5\"><div class=\"avia-icon-circles-icon-text-inner\"><div class=\"icon-title\">Ut tellus dui<\/div><div class=\"icon-description\"><p>Ut tellus dui, varius egestas tellus ut, scelerisque pharetra justo. Cras venenatis pretium nisi, sit amet fermentum dui dictum a. Maecenas auctor nisi auctor egestas luctus. Donec rutrum nibh ac quam ultricies gravida. <\/p>\n<\/div><\/div><\/div><div class='avia-icon-circles-icon av-l63nny9u-378dd7cc958ac2dc524db45d114f2fa7 av-no-link avia-iconfont avia-font-entypo-fontello avia-icon-circles-icon-6' data-icon-circles-icon=\"6\" data-av_icon='\ue8b7' data-av_iconfont='entypo-fontello' ><\/div><div class='avia-icon-circles-icon-text av-l63nny9u-378dd7cc958ac2dc524db45d114f2fa7 avia-icon-circles-icon-text-6' data-icon-circles-text=\"6\"><div class=\"avia-icon-circles-icon-text-inner\"><div class=\"icon-title\">Vestibulum accumsan<\/div><div class=\"icon-description\"><p>Vestibulum accumsan in nisi eu convallis. Morbi libero magna, ornare vitae ex vel, porta viverra est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n<div  class='flex_column av-u2r6zj-3b36afe15aeec8bab421f1827aeee197 av_one_fifth  avia-builder-el-7  el_after_av_three_fifth  el_before_av_hr  flex_column_div  column-top-margin'     ><\/div>\n<div  class='hr av-3zu17t-4c9ac709971ad699358bf98d29d6cf55 hr-default  avia-builder-el-8  el_after_av_one_fifth  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-l63oy9ol-01ca8e5b24bdaa5e03c41a7c930afd56 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Shortcode<\/h3>\n<\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[2,6],"tags":[],"class_list":["post-13279","post","type-post","status-publish","format-standard","hentry","category-documentation","category-content-elements","documentation","content-elements"],"modified_by":"Yigit","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/13279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=13279"}],"version-history":[{"count":9,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/13279\/revisions"}],"predecessor-version":[{"id":13391,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/13279\/revisions\/13391"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=13279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=13279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=13279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}