By default, Divi's Accordion module only lets you display a title and content for each item. If you'd like to add a subtitle beneath each accordion title, this guide shows you exactly how. You'll learn how to add subtitles, style them across the whole module, and...
accordion module
How to Make a Divi Accordion All Open by Default – Divi 5 & Divi 4
By default, the Divi Accordion module opens only the first accordion item when the page loads. If you're using an accordion for product details, onboarding steps, documentation, pricing comparisons, or any content where visitors should see everything immediately, you...
How to Add FAQ Schema to a Divi Accordion Module
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 feature is available either as the standalone Divi Accordion FAQ Schema...
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...
