INTRODUCING
Divi Supreme Blog Carousel Module
Surprise your Visitors by showing your Posts in a new & creative way using Divi Supreme Blog Carousel Module. Add some special post Carousels to your site and take Blogging with Divi to the next level.
[dsm_floating_multi_images floating_height=”436px” floating_height_tablet=”503px” floating_height_phone=”340px” floating_height_last_edited=”on|phone” _builder_version=”4.7.6″ _module_preset=”default” locked=”off” global_colors_info=”{}” theme_builder_area=”post_content”][dsm_floating_multi_images_child src=”http://theangelsonline.org/wp-content/uploads/2021/11/blog-carousel-content-3.png” _builder_version=”4.7.6″ _module_preset=”default” max_width=”40%” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset1″ box_shadow_color=”rgba(0,0,0,0.22)” global_colors_info=”{}” theme_builder_area=”post_content”][/dsm_floating_multi_images_child][dsm_floating_multi_images_child src=”http://theangelsonline.org/wp-content/uploads/2021/11/blog-carousel-content-2.png” horizontal_align=”58%” _builder_version=”4.7.6″ _module_preset=”default” max_width=”40%” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset1″ box_shadow_color=”rgba(0,0,0,0.22)” global_colors_info=”{}” theme_builder_area=”post_content”][/dsm_floating_multi_images_child][dsm_floating_multi_images_child src=”http://theangelsonline.org/wp-content/uploads/2021/11/blog-carousel-content-1.png” horizontal_align=”28%” vertical_align=”17%” _builder_version=”4.7.6″ _module_preset=”default” max_width=”51%” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset1″ box_shadow_color=”rgba(0,0,0,0.22)” global_colors_info=”{}” theme_builder_area=”post_content”][/dsm_floating_multi_images_child][/dsm_floating_multi_images]
Demo #1
Show your Blog in a stunning Carousel
[dsm_blog_carousel include_categories=”all” use_excerpt=”off” use_category=”on” pagi_color=”#3700B3″ pagi_active_color=”#3700B3″ use_navi=”off” post_padding=”||20px||false|false” post_item_bg_color=”#f5f6fa” content_wrapper=”40px|20px|20px|20px|false|false” _builder_version=”4.7.6″ _module_preset=”default” title_font=”Lato||||||||” date_font=”Lato|700|||||||” date_font_size=”13px” date_letter_spacing=”1px” border_radii_post_box=”on|10px|10px|10px|10px” global_colors_info=”{}” theme_builder_area=”post_content”][/dsm_blog_carousel]
Demo #2
Now with some new Elements and abilities
[dsm_blog_carousel include_categories=”all” use_excerpt=”off” use_date=”off” use_author=”off” use_bottom=”on” pagi_color=”#3700B3″ pagi_active_color=”#3700B3″ pagi_style=”dynamic” left_navi_position=”-85px” right_navi_position=”-85px” navi_size=”32″ use_prev_icon=”on” use_next_icon=”on” navi_color=”#3700B3″ navi_background_color=”#ffffff” post_padding=”||||false|false” left_navi_position_tablet=”-60px” left_navi_position_phone=”-20px” left_navi_position_last_edited=”on|tablet” right_navi_position_tablet=”-60px” right_navi_position_phone=”-20px” right_navi_position_last_edited=”on|phone” _builder_version=”4.7.6″ _module_preset=”default” title_font=”Lato||||||||” date_font=”Lato|700|||||||” date_font_size=”13px” date_letter_spacing=”1px” bottom_date_font=”||||||||” bottom_date_text_color=”#000000″ bottom_author_font=”|700|||||||” bottom_author_text_color=”#3700B3″ border_radii_post_box=”on|10px|10px|10px|10px” border_radii_navi_arrow=”on|100px|100px|100px|100px” border_color_all_navi_arrow=”rgba(0,0,0,0)” box_shadow_style_navi_arrow=”preset1″ box_shadow_vertical_navi_arrow=”17px” box_shadow_blur_navi_arrow=”29px” box_shadow_color_navi_arrow=”rgba(0,0,0,0.19)” global_colors_info=”{}” theme_builder_area=”post_content”][/dsm_blog_carousel]
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Demo #3
Add Post Excerpt, Read More Button, and much more…
[dsm_blog_carousel posts_number=”20″ include_categories=”all” use_overlay=”on” hover_overlay_color=”rgba(0,0,0,0.51)” thumbnail_height=”210px” excerpt_length=”25″ use_readmore=”on” readmore_text=”View Full Post” pagi_color=”#000000″ pagi_active_color=”#000000″ pagi_style=”dynamic” left_navi_position=”-85px” right_navi_position=”-85px” navi_size=”32″ use_prev_icon=”on” use_next_icon=”on” navi_color=”#3700B3″ navi_background_color=”rgba(0,0,0,0)” post_padding=”||20px||false|true” post_equal_height=”on” post_item_bg_color=”#3700B3″ use_navi_tablet=”” use_navi_phone=”off” use_navi_last_edited=”on|phone” left_navi_position_tablet=”” left_navi_position_phone=”-28px” left_navi_position_last_edited=”on|phone” right_navi_position_tablet=”” right_navi_position_phone=”-28px” right_navi_position_last_edited=”on|phone” navi_size_tablet=”” navi_size_phone=”24″ navi_size_last_edited=”on|phone” _builder_version=”4.7.6″ _module_preset=”default” title_font=”Lato|700|||||||” title_text_color=”#ffffff” title_font_size=”19px” body_font=”Lato||||||||” body_text_color=”#ffffff” date_font=”Lato|700|||||||” date_text_color=”#ffffff” date_font_size=”13px” date_letter_spacing=”1px” author_font=”Lato|700|||on||||” author_text_color=”#ffffff” bottom_date_font=”||||||||” bottom_date_text_color=”#000000″ bottom_author_font=”|700|||||||” bottom_author_text_color=”#3700B3″ custom_readmore=”on” readmore_text_size=”15px” readmore_text_color=”#000000″ readmore_bg_color=”#ffffff” readmore_border_width=”0px” readmore_border_radius=”100px” readmore_font=”Lato||||||||” readmore_alignment=”left” custom_margin=”|10px|60px|10px|false|true” border_radii_post_box=”on|10px|10px|10px|10px” border_radii_navi_arrow=”on|100px|100px|100px|100px” global_colors_info=”{}” theme_builder_area=”post_content”][/dsm_blog_carousel]
Demo #4
Create Stunning Blog Carousels like never before in Divi
[dsm_blog_carousel include_categories=”all” use_thumbnail=”off” excerpt_length=”20″ use_date=”off” use_author=”off” use_bottom=”on” image_width=”45px” pagi_color=”rgba(0,0,0,0)” pagi_active_color=”#000000″ pagi_style=”progressbar” navi_position=”130%” left_navi_position=”0px” right_navi_position=”89%” navi_size=”29″ use_prev_icon=”on” use_next_icon=”on” navi_color=”#000000″ navi_background_color=”#ffffff” post_padding=”0px||0px||false|false” post_item_bg_color=”#f9f9f9″ navi_position_tablet=”” navi_position_phone=”125%” navi_position_last_edited=”on|tablet” left_navi_position_tablet=”” left_navi_position_phone=”” left_navi_position_last_edited=”on|phone” right_navi_position_tablet=”83%” right_navi_position_phone=”70%” right_navi_position_last_edited=”on|phone” _builder_version=”4.7.6″ _module_preset=”default” title_font=”Lato||||||||” title_font_size=”16px” body_font=”Lato||||||||” bottom_date_font=”Lato||||||||” bottom_date_text_color=”#000000″ bottom_author_font=”|700|||||||” bottom_author_text_color=”##3700B3″ border_radii_post_box=”on|5px|5px|5px|5px” border_radii_navi_arrow=”on|100px|100px|100px|100px” border_color_all_navi_arrow=”#000000″ box_shadow_style_navi_arrow=”preset1″ box_shadow_vertical_navi_arrow=”14px” box_shadow_blur_navi_arrow=”29px” box_shadow_color_navi_arrow=”rgba(0,0,0,0.15)” global_colors_info=”{}” theme_builder_area=”post_content”][/dsm_blog_carousel]
Demo #5
Special Carousel Slide Effect to make it more appealing
Ready to get started?
More Divi features are coming your way
[dsm_button button_one_text=”Download Layout” button_one_url=”https://cdn.divisupreme.com/downloads/layout/dsm-blog-carousel-module-layout.json” button_two_text=”Join Pro Today” button_two_url=”https://divisupreme.com/pricing/” button_alignment=”center” separator_text=”or” fullwidth_separator_text_on_mobile=”on” button_one_hover_animation=”dsm-push” button_two_hover_animation=”dsm-push” module_class=”dsm-dual-button” _builder_version=”4.7.6″ separator_text_text_color=”#677583″ separator_text_font_size=”16px” custom_button_one=”on” button_one_text_size=”18px” button_one_text_color=”#ffffff” button_one_bg_color=”#30323d” button_one_border_color=”#30323d” button_one_border_radius=”50px” button_one_font=”Montserrat|700|||||||” button_one_use_icon=”off” custom_button_two=”on” button_two_text_size=”18px” button_two_text_color=”#ffffff” button_two_bg_color=”#25db92″ button_two_border_color=”#25db92″ button_two_border_radius=”50px” button_two_font=”Montserrat|700|||||||” button_two_use_icon=”off” button_two_custom_margin=”|||0px|false|false” button_one_text_size_tablet=”16px” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|desktop” button_two_text_size_tablet=”16px” button_two_text_size_phone=”14px” button_two_text_size_last_edited=”on|desktop” box_shadow_style_button_one=”preset3″ box_shadow_color_button_one=”rgba(0,0,0,0.09)” box_shadow_style_button_two=”preset3″ box_shadow_color_button_two=”rgba(0,0,0,0.09)” global_colors_info=”{}” button_two_border_radius__hover_enabled=”on” button_two_border_radius__hover=”6px” button_two_bg_color__hover_enabled=”on” button_two_bg_color__hover=”#ffffff” button_two_text_color__hover_enabled=”on” button_two_text_color__hover=”#30323d” button_one_text_color__hover_enabled=”on” button_one_text_color__hover=”#30323d” button_one_bg_color__hover_enabled=”on” button_one_bg_color__hover=”#ffffff” button_one_border_radius__hover_enabled=”on” button_one_border_radius__hover=”6px” theme_builder_area=”post_content”][/dsm_button]