Listing Category: Accordion

Overlooked Divi Module Elements You Could Be Styling

In this article, we’ll introduce you to three small (yet significant) Divi module elements you may have overlooked. We’ll tell you how to find them, before teaching you how they can help you build even better websites. However, before we jump in, let’s talk for a minute about Divi modules in general….

Remove Spacing Between Accordion Items

“A question I get from time to time is how to remove the space between toggles in the Divi Theme’s accordion module. Here’s how to do it. First, here’s an unstyled accordion module showing the gaps between the three items: Item 1 text Item 2 text Item 3 text Now, to…”

Add a Light Box image to an Accordion module

Quick tutorial on how to add a lightbox effect to images in an accordion module using the Divi theme…

Accordion Module starting with all Toogles closed

By default the first toggle of an accordion module starts open, but with a little code in the head section we can start with all accordion toggles closed…

Close Default Open Accordion in Divi

In accordion module, first accordion is set to be open by default on opening the page. But we can close default open accordion by applying some javascript.

To close the default accordion toggle,

Go to Divi > Theme Option > Integration

And copy the given code in the text field given below “Add code to the < head > of your blog”…

Make Divi Accordion Module Tabs Closable

“Ever since posting on how to make the Divi accordion tabs start closed by default, I’ve received requests for something related – to be able to re-close accordion tabs once they are opened. Divi will always keep one accordion tab open, and the only way to…”

Change Color on Accordion Plus (+) in Divi

Accordion modules are really a solid way to clean up overwhelming content, allowing users to hone in on what they want, only, and alleviating the potential for TL;DR. Divi provides these as a standard module that I find myself almost always using. For the most part…

Make Divi Accordions Closed by Default

The default behavior of the Divi Theme’s accordion module is to show the first item of the accordion as open….

TUTORIAL AWESOMENESS

TUTORIAL AWESOMENESS

Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.

 

You have Successfully Subscribed! Please Confirm the Subscription from your mail