Icon Circles
Overview
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.
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!
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.
Shortcode
[av_icon_circles first_active='' src='https://kriesi.at/documentation/enfold/wp-content/uploads/sites/22/2018/07/Enfold-Docs-1.png' attachment='10151' attachment_size='full' size-title='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' size-desc='' av-desktop-font-size-desc='' av-medium-font-size-desc='' av-small-font-size-desc='' av-mini-font-size-desc='' color_icons='' color_icons_bgr='' color_icons_hover='' color_icons_bgr_hover='' color_circle='' color_text='' color_text_bgr='' margin='' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' rotate='' alb_description='' id='' custom_class='' template_class='' av_uid='av-l63nj9ic-7' sc_version='1.0' admin_preview_bg='']
[av_icon_circle_item icon='ue856' font='entypo-fontello' title='Lorem Ipsum' description='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.' color_icon='' color_icon_bgr='' color_icon_border='' color_icon_hover='' color_icon_bgr_hover='' color_icon_border_hover='' link='' linktarget='' av_uid='av-l63nj98l-6' sc_version='1.0']
[av_icon_circle_item icon='ue8c0' font='entypo-fontello' title='Donec tempor' description='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. ' color_icon='' color_icon_bgr='' color_icon_border='' color_icon_hover='' color_icon_bgr_hover='' color_icon_border_hover='' link='' linktarget='' av_uid='av-l63nlsyh-5' sc_version='1.0']
[av_icon_circle_item icon='ue8b9' font='entypo-fontello' title='Curabitur fringilla' description='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. ' color_icon='' color_icon_bgr='' color_icon_border='' color_icon_hover='' color_icon_bgr_hover='' color_icon_border_hover='' link='' linktarget='' av_uid='av-l63nm1rd-4' sc_version='1.0']
[av_icon_circle_item icon='ue806' font='entypo-fontello' title='Morbi in mauris' description='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.' color_icon='' color_icon_bgr='' color_icon_border='' color_icon_hover='' color_icon_bgr_hover='' color_icon_border_hover='' link='' linktarget='' av_uid='av-l63nmt7f-3' sc_version='1.0']
[av_icon_circle_item icon='ue925' font='entypo-fontello' title='Ut tellus dui' description='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. ' color_icon='' color_icon_bgr='' color_icon_border='' color_icon_hover='' color_icon_bgr_hover='' color_icon_border_hover='' link='' linktarget='' av_uid='av-l63nndoo-2' sc_version='1.0']
[av_icon_circle_item icon='ue8b7' font='entypo-fontello' title='Vestibulum accumsan' description='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.' color_icon='' color_icon_bgr='' color_icon_border='' color_icon_hover='' color_icon_bgr_hover='' color_icon_border_hover='' link='' linktarget='' av_uid='av-l63nny9u-1' sc_version='1.0']
[/av_icon_circles]