accordion module

Make Divi Accordion Module Tabs Scroll to the Top of the Page

Enhancing user experience on your website often involves ensuring seamless navigation and readability. For Divi users, one such improvement is making accordion tabs scroll to the top of the page when clicked. This ensures that the content is immediately visible to the...

Change the Superscript Font Size in Divi Modules

By default, Divi displays superscripts in modules such as the text module at the same font size as the surrounding text. To improve readability and maintain typographical hierarchy, it’s often preferable to have superscripts appear smaller than the rest of the text...

Reduce Gap Below Bullet Sub-Lists in Accordion Module

The Divi theme comes with an accordion module, which can be used to display text in expandable boxes. When using a bullet list with a sub-list in the accordion content, you might notice that there is a reasonably large gap after the sub-list. Here's how that gap can...

Add Icons to Accordion Module Titles

The Divi theme comes with an Accordion module which lets you present FAQs and other content in expandable boxes (or "toggles"). Open accordion toggles display a close icon on the right hand-side of the title. But there isn't currently an option to display an...

Put One Divi Accordion Module inside Another

If you need to embed one Divi module inside another, there are several free plugins out there that may help, such as Simple Divi Shortcodes, Shortcodes for Divi, or Divi Library Shortcodes. They all work in more or less the same way - you save your inner module to the...

Open/Close Entire Divi Accordion Module

The Divi Theme's Accordion module doesn't come with a way to open / close all accordion toggles at once. Here's how to add a Button module which will do just that.Step 1: Add a Button Module Begin by adding a button module to your layout. This will be the button that...

Disable Pointer / Clicking on Open Accordion Module Toggles

The default behavior of the Divi Theme's accordion module is to start with one toggle open and the rest closed. Then clicking on a closed toggle opens it and closes the originally open one. One thing you might notice is that, despite clicking on the open toggle having...

Fix PDF Embedder not Resized in Closed Accordions

The PDF Embedder plugin allows you to easily embed PDFs in your web pages. When the browser window is resized, PDF Embedder resizes PDFs to fit the new space available to them. However, in the Divi Theme, when a PDF is hidden inside a closed accordion module toggle,...

Open a Particular Accordion Module Item by Linking

The Divi accordion module starts with the first accordion item open by default. If you'd like to be able to control which accordion item is opened when linking to the page, you can do so with the following jQuery code:Related Post: Adding JavaScript / jQuery to Divi....