Background Image Carousel

Product Display

Product Display

Project 1

Project 1

Project 1

Project 1

Project 1

Project 1

Project 1

Project 1

Project 1

Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Project 1

Project 1Project 1Project 1Project 1Project 1Project 1Project 1Project 1

Product Display

INTRODUCING

Divi Supreme Card Carousel Module

A creative and fully customizable Divi Carousel module to display beautiful combination of texts, links, badge and image in a Carousel Slider. Control and customize almost everything in this powerful carousel module. It comes with image and video lightbox/popup for Image and Button and many more Carousel Settings. You can design an unlimited number of carousels with this module.

Demo #1

Divi Surpeme Features

Whether you are a developer or a designer. Our goal is to give you the perfect tool that is built for Divi professionals. Featured on ElegantThemes

[dsm_card_carousel autoplay=”off” equal_height=”on” use_arrow_custom_position=”on” arrow_custom_position=”27px” arrow_prev=”on” arrow_prev_font_icon=”#||divi||400″ arrow_next=”on” arrow_next_font_icon=”$||divi||400″ arrow_size=”22px” arrow_color=”#ffffff” arrow_background_color=”#1bb993″ dots_active_color=”#1bb993″ dots_inactive_color=”rgba(27,185,147,0.21)” image_alignment=”center” _builder_version=”4.16″ _module_preset=”default” header_font=”Montserrat|700|||||||” body_font=”Montserrat||||||||” body_font_size=”13px” text_orientation=”center” custom_margin=”-30px||||false|false” custom_padding=”30px|50px|30px|50px|true|true” border_radii_arrow=”on|100px|100px|100px|100px” border_width_all_arrow=”8px” border_color_all_arrow=”#1bb993″ border_radii_card=”on|10px|10px|10px|10px” border_width_all_card=”3px” border_color_all_card=”#1bb993″ box_shadow_style_arrow=”preset1″ box_shadow_vertical_arrow=”17px” box_shadow_color_arrow=”rgba(0,0,0,0.21)” box_shadow_style_card=”preset1″ box_shadow_vertical_card=”15px” box_shadow_blur_card=”45px” box_shadow_color_card=”rgba(0,0,0,0.06)” global_colors_info=”{}” _i=”0″ _address=”9.1.0.0″ theme_builder_area=”post_content” /]

Demo #2

Info Box Carousels

Use the Divi Supreme Carousel Module to provide more info about your website. Create Beautiful Info boxes in a few clicks.

[dsm_card_carousel slide_to_scroll=”2″ equal_height=”on” use_arrow_custom_position=”on” arrow_custom_position=”-100px” arrow_prev=”on” arrow_prev_font_icon=”#||divi||400″ arrow_next=”on” arrow_next_font_icon=”$||divi||400″ arrow_size=”22px” arrow_color=”#ffffff” arrow_background_color=”#565ad8″ dots_active_color=”#1bb993″ dots_inactive_color=”rgba(27,185,147,0.21)” image_alignment=”center” arrow_custom_position_tablet=”” arrow_custom_position_phone=”-42px” arrow_custom_position_last_edited=”on|phone” _builder_version=”4.16″ _module_preset=”default” header_font=”Montserrat|700|||||||” body_font=”Montserrat||||||||” body_font_size=”13px” custom_button=”on” button_text_size=”16px” button_text_color=”#ffffff” button_bg_color=”#565ad8″ button_border_width=”0px” button_border_radius=”5px” button_letter_spacing=”1px” button_font=”Montserrat|700||on|||||” button_icon=”%%3%%” button_alignment=”left” width_tablet=”” width_phone=”93%” width_last_edited=”on|phone” module_alignment=”center” custom_margin=”-30px||||false|false” custom_padding=”30px||30px||true|false” hover_enabled=”1″ global_colors_info=”{}” button_bg_color__hover_enabled=”on|desktop” button_bg_color__hover=”#0007d8″ button_bg_enable_color__hover=”on” arrow_background_color__hover_enabled=”on|hover” arrow_background_color__hover=”#0007d8″ _i=”0″ _address=”10.1.0.0″ theme_builder_area=”post_content” /]

Demo #3

Our Services

Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam 

[dsm_card_carousel use_arrow_custom_position=”on” arrow_prev=”on” arrow_prev_font_icon=”#||divi||400″ arrow_next=”on” arrow_next_font_icon=”$||divi||400″ arrow_color=”#000000″ dots=”off” grab=”off” image_alignment=”center” arrow_custom_position_tablet=”” arrow_custom_position_phone=”-30px” arrow_custom_position_last_edited=”on|phone” _builder_version=”4.16″ _module_preset=”default” header_font=”Montserrat|700|||||||” header_text_color=”#000000″ header_font_size=”19px” body_font=”Montserrat||||||||” body_font_size=”15px” text_orientation=”center” global_colors_info=”{}” _i=”0″ _address=”11.1.0.0″ theme_builder_area=”post_content” /]

Demo #4

Create Stunning Video Carousels

Use the Divi Supreme’s Card Carousel Module built-in options to create a stunning Video Carousel. You can use your Youtube, Vimeo or even upload your own!

STYLE 1

[dsm_card_carousel autoplay=”off” infinite=”off” use_arrow_custom_position=”on” arrow_custom_position=”-70px” arrow_prev=”on” arrow_prev_font_icon=”#||divi||400″ arrow_next=”on” arrow_next_font_icon=”$||divi||400″ arrow_size=”35px” arrow_color=”#ffffff” arrow_background_color=”#1bb993″ dots_active_color=”#1bb993″ dots_inactive_color=”rgba(27,185,147,0.21)” grab=”off” badge_show_on_hover=”on” arrow_custom_position_tablet=”” arrow_custom_position_phone=”-26px” arrow_custom_position_last_edited=”on|phone” arrow_size_tablet=”” arrow_size_phone=”17px” arrow_size_last_edited=”on|phone” _builder_version=”4.16″ _module_preset=”default” badge_font=”|600|||||||” border_radii_image=”on|5px|5px|5px|5px” border_radii_arrow=”on|5px|5px|5px|5px” border_width_all_arrow=”8px” border_color_all_arrow=”#1bb993″ box_shadow_style_arrow=”preset1″ box_shadow_vertical_arrow=”17px” box_shadow_color_arrow=”rgba(0,0,0,0.21)” locked=”off” global_colors_info=”{}” _i=”3″ _address=”12.0.0.3″ theme_builder_area=”post_content” /]

STYLE 2

[dsm_card_carousel autoplay=”off” infinite=”off” use_arrow_custom_position=”on” arrow_custom_position=”-70px” arrow_prev=”on” arrow_prev_font_icon=”#||divi||400″ arrow_next=”on” arrow_next_font_icon=”$||divi||400″ arrow_size=”35px” arrow_color=”#ffffff” arrow_background_color=”#1bb993″ dots_active_color=”#1bb993″ dots_inactive_color=”rgba(27,185,147,0.21)” grab=”off” badge_show_on_hover=”on” arrow_custom_position_tablet=”” arrow_custom_position_phone=”-26px” arrow_custom_position_last_edited=”on|phone” arrow_size_tablet=”” arrow_size_phone=”17px” arrow_size_last_edited=”on|phone” _builder_version=”4.16″ _module_preset=”default” badge_font=”|600|||||||” border_radii_image=”on|5px|5px|5px|5px” border_radii_arrow=”on|5px|5px|5px|5px” border_width_all_arrow=”8px” border_color_all_arrow=”#1bb993″ box_shadow_style_arrow=”preset1″ box_shadow_vertical_arrow=”17px” box_shadow_color_arrow=”rgba(0,0,0,0.21)” global_colors_info=”{}” _i=”5″ _address=”12.0.0.5″ theme_builder_area=”post_content” /]

Demo #5

3D Carousels

We don’t stop at standard slide animation and keep it boring that’s why we’ve also added this very cool 3D Slide animation which makes the Carousel feel more smooth.

[dsm_card_carousel slider_effect=”coverflow” slider_effect_coverflow_rotate=”46″ slider_effect_coverflow_depth=”330″ arrow_color=”#000000″ arrow_background_color=”#00fde9″ dots_horizontal_placement=”-52px” dots_active_color=”#00fde9″ dots_inactive_color=”rgba(0,253,233,0.21)” _builder_version=”4.16″ _module_preset=”default” header_font=”Abril Fatface||||||||” header_font_size=”14px” header_letter_spacing=”1px” body_font=”Montserrat|600|||||||” body_font_size=”13px” subhead_font=”Montserrat|700||on|||||” subhead_font_size=”22px” subhead_line_height=”1.6em” custom_button=”on” button_text_size=”17px” button_text_color=”#000000″ button_bg_color=”#00fde9″ button_border_width=”0px” button_border_radius=”100px” button_letter_spacing=”1px” button_font=”Montserrat|600||on|||||” button_use_icon=”off” button_custom_padding=”12px|35px|12px|35px|true|true” text_orientation=”center” background_layout=”dark” custom_padding=”||||false|false” border_radii_arrow=”on|100px|100px|100px|100px” border_radii_card=”on|10px|10px|10px|10px” box_shadow_style_arrow=”preset1″ box_shadow_vertical_arrow=”21px” box_shadow_spread_arrow=”-8px” box_shadow_color_arrow=”rgba(0,0,0,0.19)” global_colors_info=”{}” _i=”3″ _address=”13.0.0.3″ theme_builder_area=”post_content” /]

Demo #6

More Slide Animations

With a beautiful 3D slide animation you also get 2 more stunning Slide animations.

FLIP ANIMATION

[dsm_card_carousel slider_effect=”flip” layout=”inline” layout_inline_image_width=”45%” arrow_size=”20px” arrow_color=”#ffffff” arrow_background_color=”#911ac9″ dots_active_color=”#911ac9″ dots_inactive_color=”rgba(145,26,201,0.19)” badge_show_on_hover=”on” _builder_version=”4.17.0″ _module_preset=”default” header_font=”Montserrat|700|||||||” header_text_color=”#000000″ body_font=”Montserrat||||||||” custom_button=”on” button_text_size=”17px” button_text_color=”#ffffff” button_bg_color=”#911ac9″ button_border_width=”0px” button_border_radius=”5px” button_font=”Montserrat|700||on|||||” button_use_icon=”off” button_custom_padding=”9px|30px|9px|30px|true|true” button_custom_padding_tablet=”” button_custom_padding_phone=”9px|20px|9px|20px|true|true” button_custom_padding_last_edited=”on|phone” hover_enabled=”0″ button_text_size_tablet=”” button_text_size_phone=”14px” button_text_size_last_edited=”on|phone” border_radii_arrow=”on|100px|100px|100px|100px” border_radii_card=”on|5px|5px|5px|5px” box_shadow_style_card=”preset1″ box_shadow_vertical_card=”8px” box_shadow_blur_card=”25px” box_shadow_color_card=”rgba(0,0,0,0.1)” box_shadow_style_button=”preset1″ box_shadow_vertical_button=”15px” box_shadow_blur_button=”22px” box_shadow_spread_button=”-6px” global_colors_info=”{}” sticky_enabled=”0″ background_enable_color=”off” use_arrow_custom_position=”on” arrow_custom_position=”-79px” _i=”1″ _address=”14.1.0.1″ theme_builder_area=”post_content” /]

CUBE ANIMATION

[dsm_card_carousel slider_effect=”cube” layout=”inline” layout_inline_image_width=”45%” arrow_size=”20px” arrow_color=”#ffffff” arrow_background_color=”#911ac9″ dots_active_color=”#167984″ dots_inactive_color=”rgba(22,121,132,0.25)” badge_show_on_hover=”on” _builder_version=”4.17.0″ _module_preset=”default” header_font=”Montserrat|700|||||||” header_text_color=”#000000″ body_font=”Montserrat||||||||” custom_button=”on” button_text_size=”17px” button_text_color=”#ffffff” button_bg_color=”#167984″ button_border_width=”0px” button_border_radius=”5px” button_font=”Montserrat|700||on|||||” button_use_icon=”off” button_custom_padding=”9px|30px|9px|30px|true|true” button_custom_padding_tablet=”” button_custom_padding_phone=”9px|20px|9px|20px|true|true” button_custom_padding_last_edited=”on|phone” hover_enabled=”0″ button_text_size_tablet=”” button_text_size_phone=”14px” button_text_size_last_edited=”on|phone” border_radii_arrow=”on|100px|100px|100px|100px” border_radii_card=”on|5px|5px|5px|5px” box_shadow_style_card=”preset1″ box_shadow_vertical_card=”8px” box_shadow_blur_card=”25px” box_shadow_color_card=”rgba(0,0,0,0.1)” box_shadow_style_button=”preset1″ box_shadow_vertical_button=”15px” box_shadow_blur_button=”22px” box_shadow_spread_button=”-6px” locked=”off” global_colors_info=”{}” use_arrow_custom_position=”on” arrow_custom_position=”-79px” sticky_enabled=”0″ _i=”3″ _address=”14.1.0.3″ theme_builder_area=”post_content” /]