Black Friday Super Sale 2024 Starts in

0Days

0Hours

0Minutes

0Seconds

WIN AN iPAD, LIFETIME MEMBERSHIP
×
Divi Content Toggle

Jun 26, 2020 | Divi Resources

Divi Content Toggle to display key information in compact manner

Having long pages with detailed information can delight Google bots, however, for users, it can be a bulky experience. They might find themselves overwhelmed or either confused when looking over pages overtaken by content. Then there comes the Divi Content Toggle module, to help you add extra but keeping user experience at its peak. It’s a part of Divi Plus plugin, that allows users to create complex web page elements easy.

Using the content toggle module, you’d be able to add multiple section either of text or saved layouts with a switch toggle. In this article, we’re going to explore its features and other options to create content toggles.

So, without any further due, let’s get started!

Content Toggle and its content settings

When you start creating content toggle on Divi website, the first thing you get with the module is the ability to add toggle switch and layouts. Here you can give your toggle individual title and select layouts. Currently, Divi Content Toggle module gives you option to add Text and Layouts as your content.

Divi Plus content toggle module with content settings

For text content, you can add whatever text you want to display in a compact manner. For layouts, you can add them from your library that you saved before. Using this, you’d be able to fit two different layouts in a single and engaging section. Like, pricing tables, product features comparison table, data analysis report and much more.

Content Toggle and its design settings

Once you have added your preferred content toggle layouts, you can further customize their appearance in the design tab.

Divi Plus content toggle module with design settings

The design tab of the content toggle module provides you with the intuitive options to make your Divi content toggle look more engaging and attractive. Under these styling options, you can customize each and every option of the content toggle and its layout.

Toggle Switch Styling

Using Toggle Switch Styling option, you can make changes in the alignment of toggle switch and title. It gives you the option to place your toggle switch at left, right, and center of the module.

Content toggle switch styling

In addition to the alignment, you can also change the color of switch and its background for both active and non-active states.

Toggle Title Text Setting

Just like any other text setting, Toggle Title text setting provides you with the option to change the appearance of the toggle title. Under this option, you can make changes in the level of the heading, color, font styles, add shadow and much more.

Content One Text Setting

If you have selected text layout for your content toggle then using this particular customization of the module, you can make changes in the appearance of text content. Likewise, toggle title text setting, this option, too, provides you with the all the necessary text customization options. Using these options, you can change font, their color, apply font style, and more.

Divi Content Toggle examples

The below are some of the content toggle examples created using the Divi Plus Content Toggle module.

Coffee Menu
Pastries Menu

Latte

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

$4

Brownie Mocha

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

$4

macchiato

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

$4

Chocolate Cakes

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

$4

Macarons

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

$4

Cupcakes

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

$4

Contruction Services
Painting Services

Construction & Repairs

Molestias excepturi sint

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Sint occaecati cupiditate

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Sed ut perspiciatis unde omnis

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

At vero eos et accusamus et

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

At vero eos et accusamus et

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

At vero eos et accusamus et iusto

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Sint occaecati cupiditate non

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Molestias excepturi sint

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Painting & Waterproofing

Molestias excepturi sint occae

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Sint occaecati cupiditate non

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Sed ut perspiciatis unde omnis

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

At vero eos et accusamus et

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

At vero eos et accusamus et iu

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

At vero eos et accusamus et

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Sint occaecati cupiditate non

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Molestias excepturi sint occa

More Info

Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Cappadocia Tour Package
Europe Tour Package
Cappadocia Tour Package 8 Night / 7 Days
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Available Tickets: 79

Last Date: 15 DEC 2020

Europe Tour Package 30 Night / 29 Days
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Available Tickets: 56

Last Date: 25 Dec 2020

Summary

That’s our look at the features of Divi Content Toggle module and what it offers users to create engaging content in a compact manner. I must say it’s an interesting module, when you want to add several distinctive section of same type. Like pricing tables, text comparison, figures and other.

If you want to create content toggle in a much easier way, then this module can help you do that. Moreover, when you go for this module, you also get the other modules of the Divi Plus plugin. And that’s a huge saver!

Posted By:
Vishvendra
Vishvendra believes in the keep learning process and applying those learnings into work. Other than technical writing, he likes to write fiction, non-fiction, songs, and comic ideas. He loves what he writes and writes what he loves. Search his name with "Nathawat," and you'll easily find him over the internet.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Your Black Friday Guide to Must-Have Divi Extended Products

Your Black Friday Guide to Must-Have Divi Extended Products

The Divi Extended Black Friday 2024 sale is almost here, and for Divi users, it’s the perfect opportunity to level up your website. This Black Friday, Divi Extended is offering exciting discounts, pre-sale contests and many freebies before and during the sale period...

How to Check Fonts Used on a Website (an Easy Guide)

How to Check Fonts Used on a Website (an Easy Guide)

A website should only use a maximum of three fonts for its content. Therefore, you ought to be careful about your font choice for readability. With a wide variety of fonts, you might get confused about the best to use. Luckily, there are some reliable online tools you...

Divi Extended Black Friday Sale
Divi WooCommerce Extended