INTRODUCING

Divi Supreme Content Toggle Module

Using the Divi Supreme Content Toggle Module you can easily create a Toggle to switch between two content Layouts. Use it to create stunning Pricing Tables, Food Menus and much more you can think of. 

[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.4″ _module_preset=”default” _i=”0″ _address=”0.0.1.0″ theme_builder_area=”post_content” /]

Demo #1

Add awesome Food Menus to your site

With Divi Supreme Content Toggle Module the possibilities are limitless. You can use it the way you like you can even use to create a Food Menu Switcher that really looks cool.

[dsm_content_toggle heading_one=”Desserts” content_type_one=”library” library_id_one=”2254″ heading_two=”Fast Food” content_type_two=”library” library_id_two=”2260″ switcher_bg_primary=”#f2667f” switcher_bg_secondary=”#954e21″ content_bg_one=”#eeeeee” content_bg_two=”#eeeeee” content_spacing_top_one=”50px” content_spacing_top_two=”50px” _builder_version=”4.7.4″ _module_preset=”default” heading_one_font=”Montserrat|700||on|||||” heading_one_font_size=”15px” heading_one_letter_spacing=”1px” heading_one_line_height=”0em” heading_two_font=”Montserrat|700||on|||||” heading_two_font_size=”15px” _i=”1″ _address=”2.0.0.1″ theme_builder_area=”post_content” /]

Demo #2

[dsm_dual_heading before_text=”Create Stunning ” middle_text=”Pricing Tables” after_text=” with Toggles” middle_background_color=”#4049ce” middle_padding=”5px|10px|5px|10px|true|true” middle_padding_tablet=”” middle_padding_phone=”0px|10px|0px|10px|true|true” middle_padding_last_edited=”on|phone” _builder_version=”4.7.4″ _module_preset=”default” header_font=”Montserrat||||||||” header_text_color=”#ffffff” header_font_size=”35px” header_line_height=”1.5em” middle_font=”|700|||||||” middle_text_color=”#ffffff” text_orientation=”center” custom_margin=”||0px||false|false” header_font_size_tablet=”” header_font_size_phone=”21px” header_font_size_last_edited=”on|phone” border_radii_middle=”on|7px|7px|7px|7px” _i=”0″ _address=”4.0.0.0″ theme_builder_area=”post_content” /]

You can use the Content Toggle Module to create stunning Pricing Tables with Monthly Yearly Switches which really takes your Pricing Tables to the next level.

[dsm_content_toggle heading_one=”Pay Monthly” content_type_one=”library” library_id_one=”2179″ heading_two=”Pay Yearly” content_type_two=”library” library_id_two=”2186″ switcher_size=”17px” switcher_bg_primary=”#009148″ switcher_bg_secondary=”#4049ce” content_bg_one=”#071825″ content_bg_two=”#071825″ content_padding_one=”20px|40px|20px|40px|true|true” content_spacing_top_one=”30px” content_fullwidth_one=”on” content_padding_two=”20px|40px|20px|40px|true|true” content_spacing_top_two=”30px” _builder_version=”4.7.4″ _module_preset=”default” heading_one_font=”Lato||||||||” heading_one_text_color=”#ffffff” heading_two_font=”Lato||||||||” heading_two_text_color=”#ffffff” content_one_text_color=”#ffffff” background_enable_color=”off” custom_margin=”||||false|false” custom_padding=”30px||30px||true|false” border_radii_content_one=”on|10px|10px|10px|10px” border_radii_content_two=”on|10px|10px|10px|10px” box_shadow_style_content_one=”preset1″ box_shadow_vertical_content_one=”15px” box_shadow_blur_content_one=”45px” box_shadow_color_content_one=”rgba(0,0,0,0.07)” box_shadow_style_content_two=”preset1″ box_shadow_vertical_content_two=”15px” box_shadow_blur_content_two=”45px” box_shadow_color_content_two=”rgba(0,0,0,0.15)” _i=”2″ _address=”4.0.0.2″ theme_builder_area=”post_content” /]

Demo #3

[dsm_content_toggle heading_one=”General Enquiry” content_type_one=”library” library_id_one=”2309″ heading_two=”Get a Quote” content_type_two=”library” library_id_two=”2320″ switcher_bg_primary=”#34D7A1″ switcher_bg_secondary=”#617BE5″ content_spacing_top_one=”30px” content_spacing_top_two=”30px” _builder_version=”4.7.4″ _module_preset=”default” heading_one_font=”Montserrat||||||||” heading_two_font=”Montserrat||||||||” _i=”0″ _address=”5.1.0.0″ theme_builder_area=”post_content” /]

Demo #4

[dsm_content_toggle heading_one=”Divi Popups” custom_content_one=”

%22%22

Divi Supreme Popup Extension

In cursus turpis massa tincidunt dui ut ornare lectus sit amet est placerat in egestas erat imperdiet sed euismod nisi.

” heading_two=”Scheduled Element” custom_content_two=”

%22%22

Divi Scheduled Element Extension

In cursus turpis massa tincidunt dui ut ornare lectus sit amet est placerat in egestas erat imperdiet sed euismod nisi

” switcher_size=”12px” switcher_bg_primary=”#8200ea” switcher_bg_secondary=”#5d00e4″ content_spacing_top_one=”30px” content_padding_two=”0px|0px|0px|0px||false” content_spacing_top_two=”30px” _builder_version=”4.7.4″ _module_preset=”default” heading_one_font=”Montserrat||||||||” heading_two_font=”Montserrat||||||||” content_one_font=”Montserrat||||||||” heading_one_font_size_tablet=”” heading_one_font_size_phone=”12px” heading_one_font_size_last_edited=”on|phone” heading_two_font_size_tablet=”” heading_two_font_size_phone=”12px” heading_two_font_size_last_edited=”on|phone” _i=”0″ _address=”6.1.0.0″ theme_builder_area=”post_content” /]
[dsm_content_toggle heading_one=”Before” custom_content_one=”
%22%22
” heading_two=”After” custom_content_two=”

%22%22

” switcher_size=”12px” switcher_bg_primary=”#000000″ switcher_bg_secondary=”#e02b20″ content_spacing_top_one=”30px” content_spacing_top_two=”30px” _builder_version=”4.7.4″ _module_preset=”default” heading_one_font=”Montserrat||||||||” heading_two_font=”Montserrat||||||||” content_one_font=”Montserrat||||||||” _i=”0″ _address=”6.1.1.0″ theme_builder_area=”post_content” /]