Divi’s Accordion module does not include a built-in option for adding FAQPage schema. In this guide, I’ll show you how to add the required JSON-LD markup using a simple, no-code plugin option. The schema is generated from the questions and answers already displayed in...
accordion module
Set Custom CSS IDs for Individual Divi Accordion Items
Assigning unique CSS IDs to specific Divi Accordion items allows for precise control over styling, targeting, and linking within your page content. This ability is particularly useful when you want to apply custom designs or create anchor links to particular accordion...
Create a FAQs Accordion Module in Divi
Building an organized and interactive FAQs section on your website can enhance user experience by providing quick answers to common questions in a visually appealing, space-saving format. Displaying FAQs in an accordion allows visitors to easily browse topics and find...
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...
