INTRODUCING

Divi Supreme Circle Info Module

The Divi Supreme Circle Info Module helps you crea­te beau­tiful, inter­ac­ti­ve cir­cle infor­ma­ti­on in Divi. You can use it to dis­play important infor­ma­ti­on about your busi­ness, ser­vice, or pro­duct in an enga­ging way. The modu­le is easy to use and comes with a varie­ty of cus­to­miza­ti­on opti­ons. With the Divi Supreme Circle Info Module, you can crea­te a uni­que and infor­ma­ti­ve way to pre­sent your busi­ness or product.

[dsm_floating_multi_images floating_height=“436px” floating_height_tablet=“503px” floating_height_phone=“340px” floating_height_last_edited=“on|phone” _builder_version=“4.19.0” _module_preset=“default” custom_margin_tablet=”” custom_margin_phone=“26px||||false|false” custom_margin_last_edited=“on|phone” locked=“off” global_colors_info=”{}” _i=“0” _address=“0.0.1.0” theme_builder_area=“post_content” /]

Demo #1

Circle Infos Made Easy!

Easily Create Info Circles in Divi Without Hassle!

The Supreme Circle Info Module for Divi is the per­fect way to easi­ly crea­te info cir­cles in your Divi lay­out. With this modu­le, you can quick­ly and easi­ly add text, images, and call to action but­tons to crea­te an enga­ging and infor­ma­ti­ve cir­cle. Plus, the modu­le is super easy to use and con­fi­gu­re, so you’ll be up and run­ning in no time!

[dsm_circle_info dsm_circle_size=“515px” dsm_content_animation=“zoomIn” dsm_circle_item_size=“60px” dsm_circle_bg_color=”#e3dbee” dsm_circle_active_bg_color=“#3b0086” dsm_icon_color=“#3b0086” dsm_icon_active_color=”#FFFFFF” dsm_circle_size_tablet=“515px” dsm_circle_size_phone=“320px” dsm_circle_size_last_edited=“on|phone” _builder_version=“4.19.0” _module_preset=“default” header_font=“Montserrat|700|||||||” header_text_color=“#3b0086” header_font_size=“21px” dsm_content_font=“Montserrat||||||||” dsm_content_text_color=“rgba(0,0,0,0.55)” dsm_content_font_size=“13px” dsm_content_line_height=“1.6em” custom_button=“on” button_text_size=“14px” button_text_color=”#FFFFFF” button_bg_color=“#3b0086” button_border_width=“0px” button_border_radius=“100px” button_font=“Montserrat|600|||||||” button_icon=“$||divi||400” button_custom_padding=“11px|20px|11px|20px|true|true” header_font_size_tablet=“21px” header_font_size_phone=“17px” header_font_size_last_edited=“on|phone” dsm_content_font_size_tablet=“13px” dsm_content_font_size_phone=“10px” dsm_content_font_size_last_edited=“on|phone” border_color_all_dsm_circle_border=“#f6f4f3” box_shadow_style_circle_active_item=“preset1” box_shadow_vertical_circle_active_item=“12px” box_shadow_blur_circle_active_item=“33px” box_shadow_color_circle_active_item=“rgba(59,0,134,0.35)” global_colors_info=”{}” button_custom_padding__hover_enabled=“on|desktop” button_custom_padding__hover=“11px|30px|11px|20px|true|false” _i=“1” _address=“1.1.0.1” theme_builder_area=“post_content” /]

Demo #2

[dsm_circle_info dsm_circle_size=“530px” dsm_circle_item_size=“75px” dsm_circle_bg_color=”#FFFFFF” dsm_circle_color=“#000000” dsm_circle_active_bg_color=“#009cf7” dsm_circle_active_color=”#FFFFFF” dsm_icon_color=“#000000” dsm_icon_active_color=”#FFFFFF” dsm_circle_size_tablet=“530px” dsm_circle_size_phone=“320px” dsm_circle_size_last_edited=“on|phone” _builder_version=“4.19.0” _module_preset=“default” circle_title_font=“Montserrat|700|||||||” circle_title_font_size=“12px” header_font=“Montserrat|700|||on|||#000000|” header_text_color=“#000000” header_font_size=“21px” dsm_content_font=“Montserrat||||||||” dsm_content_text_color=“rgba(0,0,0,0.58)” dsm_content_font_size=“13px” dsm_content_line_height=“1.6em” background_enable_color=“off” custom_button=“on” button_text_size=“14px” button_text_color=”#FFFFFF” button_bg_color=“#3b0086” button_border_width=“0px” button_border_radius=“100px” button_font=“Montserrat|600|||||||” button_icon=“$||divi||400” button_custom_padding=“11px|20px|11px|20px|true|true” module_alignment=“left” header_font_size_tablet=“21px” header_font_size_phone=“17px” header_font_size_last_edited=“on|phone” dsm_content_font_size_tablet=“13px” dsm_content_font_size_phone=“10px” dsm_content_font_size_last_edited=“on|phone” border_color_all_dsm_circle_border=“rgba(34,169,247,0.19)” locked=“off” global_colors_info=”{}” button_custom_padding__hover_enabled=“on|desktop” button_custom_padding__hover=“11px|30px|11px|20px|true|false” _i=“0” _address=“2.1.0.0” theme_builder_area=“post_content” /]

Text + Icon

Info Circles with More Info — Show Text & Icon!

If you want to show more info and have text and icons appear at the same time, then you need Info Circles. Info Circles is a gre­at way to dis­play infor­ma­ti­on in a crea­ti­ve way that will enga­ge your audi­ence. This Module is per­fect for events, pre­sen­ta­ti­ons, or any­ti­me you want to add some visu­al inte­rest to your info.

Demo #3

Stunning team

Meet Our Amazing Team, That Work Behind the Bars

Dolore nulla ali­quip laborum elit nostrud ea elit offi­cia nostrud ex anim eu ullam­co. Ad paria­tur paria­tur repre­hen­de­rit tem­por exer­ci­ta­ti­on irure paria­tur paria­tur con­sec­te­tur. Pariatur irure ali­quip laborum mol­lit offi­cia. Sint est labo­re eius­mod duis inci­didunt cil­lum id mol­lit inci­didunt quis ullam­co irure esse occae­cat et. Labore deser­unt sunt ut ad enim id aute irure esse deser­unt occae­cat veniam.

[dsm_circle_info dsm_circle_size=“530px” dsm_content_animation=“fadeInUp” dsm_circle_item_size=“75px” dsm_circle_bg_color=”#FFFFFF” dsm_circle_color=“#000000” dsm_circle_active_bg_color=”#eeeeee” dsm_circle_active_color=“#000000” dsm_icon_color=“#000000” dsm_icon_active_color=”#FFFFFF” dsm_circle_image_width=“100%” dsm_circle_size_tablet=“530px” dsm_circle_size_phone=“350px” dsm_circle_size_last_edited=“on|phone” _builder_version=“4.19.0” _module_preset=“default” circle_title_font=“Montserrat|700|||||||” circle_title_font_size=“12px” header_font=“Montserrat|700|||||||” header_text_color=”#FFFFFF” header_font_size=“25px” dsm_content_font=“Montserrat||||||||” dsm_content_text_color=”#FFFFFF” dsm_content_font_size=“13px” dsm_content_line_height=“1.6em” background_enable_color=“off” custom_button=“on” button_text_size=“11px” button_text_color=“#000000” button_bg_color=”#FFFFFF” button_border_width=“0px” button_border_radius=“100px” button_font=“Montserrat|600||on|||||” button_use_icon=“off” button_custom_margin=“6px||||false|false” button_custom_padding=“11px|20px|11px|20px|true|true” module_alignment=“left” header_font_size_tablet=“25px” header_font_size_phone=“17px” header_font_size_last_edited=“on|phone” dsm_content_font_size_tablet=“13px” dsm_content_font_size_phone=“10px” dsm_content_font_size_last_edited=“on|phone” border_color_all_dsm_circle_border=“RGBA(255,255,255,0)” border_width_all_dsm_circle_item_border=“3px” border_color_all_dsm_circle_item_border=“RGBA(255,255,255,0)” border_width_all_dsm_active_circle_item_border=“3px” border_color_all_dsm_active_circle_item_border=”#FFFFFF” box_shadow_style_circle_active_item=“preset1” box_shadow_vertical_circle_active_item=“12px” box_shadow_blur_circle_active_item=“35px” box_shadow_color_circle_active_item=“rgba(0,0,0,0.19)” locked=“off” global_colors_info=”{}” button_custom_padding__hover_enabled=“on|desktop” button_custom_padding__hover=“11px|25px|11px|25px|true|true” _i=“0” _address=“3.1.1.0” theme_builder_area=“post_content” /]

Demo #4

[dsm_circle_info dsm_enable_autoplay=“on” dsm_speed=“1.8s” dsm_delay=“2500” dsm_circle_size=“530px” dsm_content_animation=“fadeInUp” dsm_circle_item_size=“70px” dsm_circle_bg_color=”#FFFFFF” dsm_circle_color=“#000000” dsm_circle_active_bg_color=”#eeeeee” dsm_circle_active_color=“#000000” dsm_icon_color=“#000000” dsm_icon_active_color=”#FFFFFF” dsm_circle_image_width=“100%” dsm_circle_size_tablet=“530px” dsm_circle_size_phone=“320px” dsm_circle_size_last_edited=“on|phone” _builder_version=“4.19.0” _module_preset=“default” circle_title_font=“Montserrat|700|||||||” circle_title_font_size=“12px” header_font=“Mr Dafoe|700|||||||” header_text_color=”#FFFFFF” header_font_size=“80px” dsm_content_font=“Montserrat||||||||” dsm_content_text_color=”#FFFFFF” dsm_content_font_size=“13px” dsm_content_line_height=“1.6em” background_enable_color=“off” module_alignment=“left” header_font_size_tablet=“80px” header_font_size_phone=“60px” header_font_size_last_edited=“on|phone” border_color_all_dsm_circle_border=“rgba(255,255,255,0.12)” border_width_all_dsm_circle_item_border=“3px” border_width_all_dsm_active_circle_item_border=“3px” border_color_all_dsm_active_circle_item_border=”#FFFFFF” box_shadow_style_circle_active_item=“preset1” box_shadow_vertical_circle_active_item=“12px” box_shadow_blur_circle_active_item=“35px” box_shadow_color_circle_active_item=“rgba(0,0,0,0.19)” locked=“off” global_colors_info=”{}” _i=“0” _address=“4.1.0.0” theme_builder_area=“post_content” /]

Autoplay circle Info

Taste the Amazing Food

Dolore nulla ali­quip laborum elit nostrud ea elit offi­cia nostrud ex anim eu ullam­co. Ad paria­tur paria­tur repre­hen­de­rit tem­por exer­ci­ta­ti­on irure paria­tur paria­tur con­sec­te­tur. Pariatur irure ali­quip laborum mol­lit offi­cia. Sint est labo­re eius­mod duis inci­didunt cil­lum id mol­lit inci­didunt quis ullam­co irure esse occae­cat et. Labore deser­unt sunt ut ad enim id aute irure esse deser­unt occae­cat veniam.

[dsm_button button_one_text=“Everything Special Today!” button_one_hover_animation=“dsm-buzz-out” _builder_version=“4.19.0” _module_preset=“default” custom_button_one=“on” button_one_text_size=“15px” button_one_text_color=“#000000” button_one_bg_color=”#FFFFFF” button_one_border_width=“0px” button_one_border_radius=“100px” button_one_font=“Alike||||||||” button_one_use_icon=“off” button_one_custom_padding=“11px|25px|11px|25px|true|true” global_colors_info=”{}” _i=“1” _address=“4.1.1.1” theme_builder_area=“post_content” /]

Demo #5

Hover trigger

Let’s Plan a Trip Together -
And Travel the World!

Dolore nulla ali­quip laborum elit nostrud ea elit offi­cia nostrud ex anim eu ullam­co. Ad paria­tur paria­tur repre­hen­de­rit tem­por exer­ci­ta­ti­on irure paria­tur paria­tur con­sec­te­tur. Pariatur irure ali­quip laborum mol­lit offi­cia. Sint est labo­re eius­mod duis inci­didunt cil­lum id mol­lit inci­didunt quis ullam­co irure esse occae­cat et. Labore deser­unt sunt ut ad enim id aute irure esse deser­unt occae­cat veniam.

[dsm_button button_one_text=“See All Trip Places for Today!” button_one_hover_animation=“dsm-push” _builder_version=“4.19.0” _module_preset=“default” custom_button_one=“on” button_one_text_size=“15px” button_one_text_color=”#FFFFFF” button_one_bg_color=”#af5b5b” button_one_border_width=“0px” button_one_border_radius=“100px” button_one_font=“Montserrat||||||||” button_one_use_icon=“off” button_one_custom_padding=“11px|25px|11px|25px|true|true” custom_margin_tablet=”” custom_margin_phone=”||40px||false|false” custom_margin_last_edited=“on|phone” locked=“off” global_colors_info=”{}” _i=“1” _address=“5.1.0.1” theme_builder_area=“post_content” /]
[dsm_circle_info dsm_trigger=“hover” dsm_circle_size=“530px” dsm_content_animation=“bounceIn” dsm_circle_item_size=“75px” dsm_circle_bg_color=”#FFFFFF” dsm_circle_color=“#000000” dsm_circle_active_bg_color=”#eeeeee” dsm_circle_active_color=“#000000” dsm_icon_color=“#000000” dsm_icon_active_color=”#FFFFFF” dsm_circle_image_width=“100%” dsm_circle_size_tablet=“530px” dsm_circle_size_phone=“320px” dsm_circle_size_last_edited=“on|phone” _builder_version=“4.19.0” _module_preset=“default” circle_title_font=“Montserrat|700|||||||” circle_title_font_size=“12px” header_font=“Montserrat|700|||||||” header_text_color=”#FFFFFF” header_font_size=“25px” dsm_content_font=“Montserrat||||||||” dsm_content_text_color=”#FFFFFF” dsm_content_font_size=“13px” dsm_content_line_height=“1.6em” background_enable_color=“off” custom_button=“on” button_text_size=“11px” button_text_color=“#000000” button_bg_color=”#FFFFFF” button_border_width=“0px” button_border_radius=“100px” button_font=“Montserrat|600||on|||||” button_use_icon=“off” button_custom_margin=“30px||||false|false” button_custom_padding=“11px|20px|11px|20px|true|true” module_alignment=“left” header_font_size_tablet=“25px” header_font_size_phone=“20px” header_font_size_last_edited=“on|phone” dsm_content_font_size_tablet=“13px” dsm_content_font_size_phone=“10px” dsm_content_font_size_last_edited=“on|phone” border_color_all_dsm_circle_border=“rgba(175,91,91,0.05)” box_shadow_style_circle_active_item=“preset1” box_shadow_vertical_circle_active_item=“12px” box_shadow_blur_circle_active_item=“35px” box_shadow_color_circle_active_item=“rgba(0,0,0,0.19)” locked=“off” global_colors_info=”{}” button_custom_padding__hover_enabled=“on|desktop” button_custom_padding__hover=“11px|25px|11px|25px|true|true” _i=“0” _address=“5.1.1.0” theme_builder_area=“post_content” /]

Amazing Features You’ll Absolutely Love!

The Divi Supreme Circle Info Module is one of the most ama­zing and useful Module you’ll abso­lut­e­ly love. With this Module, you can easi­ly dis­play important infor­ma­ti­on about your busi­ness in a cir­cle for­mat. This modu­le is per­fect for busi­nesses that want to show­ca­se their cont­act infor­ma­ti­on, address, or other important details.

Completely Customizable

Every things is easi­ly Customizable from within the Module Settings.

AutoPlay Circle Infos

You can enable this opti­on to Autoplay the Circle Info and set a cus­tom delay & speed.

Hover & Click Trigger

Choose Whether you want to chan­ge con­tent on Circle Item Click or on Hover.

Content Animations

Choose from 30+ Different Content Animations for when you chan­ge the Content.

Use Icon/Image

If you want, you can also use Image or Icon for more control.

Add Unlimited Items

Add as many Items as you want to show more con­tent in one place, but stay in limit!