Dark Photo Accordion FAQ: Free Divi 5 FAQ Layout

Dark Photo Accordion FAQ

A dark section with a rounded photo beside a small blue label, a bold heading and three questions divided by thin lines. The questions open one at a time with a chevron that turns up when open.

FAQ

Accordion

Dark

Free

Image

Split

100% Native Divi 5 Built only with Divi's own modules and settings. No custom CSS, no JavaScript, no Code module. Every part can be edited in the Visual Builder.

Live Preview

ZIP with one Divi Library JSON file 0

Unzip the file. Inside is one .json file.

Open Divi › Divi Library and click Import & Export.

Import the file, then add the layout to any page.

About This Layout

What's Inside

1 section, 1 row and 1 Group, laid out with Divi's Flex layout.
Modules: Heading (1), Text (1), Image (1), Accordion (1).
Separate tablet and phone settings on 9 elements.

Best For

Answering common questions before visitors get in touch.
Suits a dark design.

How to Customize

Colours: Slate Night #0f172a, Line Strong #9ca3af, Surface #f9fafb, White #ffffff, Blue #2563eb. They arrive as global colours when you import, so changing one in Divi updates every module that uses it.
Font: Poppins (400, 500, 600). The largest text is Poppins at 48px.
Replace the image with your own in its Image module.