Unstyled Divi Modules for Web Designers

Thank you for visiting RAD Websites to get this unstyled Divi Module page-setup template. The purpose of this template is to give web designers and web developers a page with all built-in Divi Modules so that they can quickly import the page and apply universal styles, greatly improving the amount of time it takes to set up site-wide CSS or Global Variables.

This template is great for any web designer or web developer that uses:

This page is also great as a reference for people that want to see what all Divi Modules look like before they use them, or even before purchasing the theme.

Visit us at https://www.youtube.com/@radwebsites for web design related tutorial videos.

Have a great day!

RAD Websites Social Media

How to Use this Divi Preset Styles Web Design Page Template

NOTE: We highly recommend you set your typography and global CSS before using the Divi Module Preset Styles below. Check out this page for a template that helps you do that.

NOTE 2: All Divi Modules are in alphabetical order, and have been labeled with a heading so you can use your browser’s “Find” / “Search” function to find the module quickly.

NOTE 3: This is v1.3 of the template, published on June 13th, 2025.

  1. Download this JSON file, which is a pre-configured page with all integrated Divi 4 and Divi 5 modules.
  2. In the WordPress Dashboard, create a new page, click Use the Divi Builder, and import the JSON file:
    1. Click the Divi “Portability” Icon (at the top of The Divi Builder on the backend, or bottom of the page on the Front End Editor)
    2. Click the Import Tab
    3. Select the JSON file you downloaded in Step 1
    4. Click “Import Divi Builder Layout” at the bottom
  3. Save the Page as a Draft
  4. For any module you want to modify the preset styles on, click the 3 Dots on the module:
    Then click “Edit Preset Style”
  5. Modify the module’s presets to match your vision for the site’s design.
  6. Repeat for any modules you plan on using.
  7. Save the page as a draft for later reference.

We have provided an example of what the page will look like below this section. NOTE: When you import the JSON file, your template page will use styles and blog content from your site, so it will look different than the example below.

Enjoy! – Mark w/ RAD Websites

Divi Accordion Module

Divi Accordion Module (Open)

This is Divi’s built-in Accordion Module. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Accordion Module (Closed)

This is Divi’s built-in Accordion Module. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Audio Module

Divi Audio Module

by Elegant Themes | Divi 4

Divi Bar Counters Module

  • Divi Bar Counters Module 50% 50%

Divi Blurb Module

Divi Blurb Module

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Button Module

NOTE: This column is purple because our stylings make the button text white, and we wanted to make sure you could see it on our example page.

Remove the column color before proceeding.

Divi Call to Action Module

Divi Call to Action Module

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Circle Counter Module

%

Divi Circle Counter Module

Divi Code Module

Divi Code Module

Divi Comments Module

0 Comments

Divi Contact Form Module

2 + 6 =

Divi Countdown Timer Module

Divi Countdown Timer Module

Day(s)

:

Hour(s)

:

Minute(s)

:

Second(s)

Divi Divider Module

Divi Email Optin Module

Divi Filterable Portfolio Module

Divi Heading Module

Divi Heading Module

Divi Icon Module

!

Divi Image Module

Divi Login Module

Divi Map Module

NOTE: Map will not appear unless you’ve entered a Google Maps API Key

Divi Number Counter Module

%

Divi Number Counter Module

Divi Person Module

Divi Person Module

Divi Person Module

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Post Navigation Module

Divi Post Slider Module

How to Get a Local Service Business Website to Page 1 on Google

I talk about how I’ve been getting local service businesses in the Phoenix, AZ to rank on page 1, despite tons of competitors in their industry.

Fixing Divi Pixel’s “Advanced Tabs” Content Overflow

“Divi Pixel is a versatile WordPress plugin that enhances the Divi Theme Builder, offering over 40 additional modules and continuous development, with a particularly standout Advanced Tabs module that allows for clean and organized content presentation.”

My Email Isn’t Being Delivered or is Marked As Spam

Ensure your business emails reach your intended recipients and safeguard your domain’s integrity with SPF, DKIM, and DMARC records, essential tools for enhancing email deliverability, protecting your brand reputation, improving email security, maintaining compliance and trust, and gaining valuable feedback and visibility on your email communications.

Zapier Updates WordPress Plugin to 1.0.6

After two years without updates, Zapier updates their “Zapier for WordPress” plugin from v1.0.4 to v.1.0.6. Was this already in the pipes or was there a security risk that prompted the sudden release?

Using BlogVault to Remove Malware from a Website

Discover how BlogVault enhances website security by providing real-time backups, effortless migration, and thorough malware detection and removal services, ensuring that your website data is always protected and easily recoverable.

BlogVault’s BulletProof Backups for WordPress

BlogVault has been our go-to backup and migration solution for over three years now. Amazing service, fantastic support, and phenomenal features make it a “sure-thing” for anyone using WordPress.

Perform a Website Migration to a New Host

We’ll explore the central theme of ‘how to properly perform a website migration to a new host’ and delve into crucial aspects; from examining reasons for careful planning, potential SEO setbacks due to erroneous migration, benefits of a well-executed transfer, to the nitty-gritty details about dealing with common pitfalls and proprietary techniques of maintaining SEO during movement.

Zapier Formatter Hates Google Docs

Zapier Formatter doesn’t respect paragraph formatting or image links when converting a Google Doc’s HTML to Markdown and back to HTML to clean the code. We provide a workaround to this annoying issue.

Illegal String Offset in class-wp-roles.php:292

The client’s website hosted on GoDaddy had database corruption and outdated backups. Attempts to restore backups and fix the issue were unsuccessful. After researching, it was discovered that the problem might be with the wp_user_roles row in the wp_options table.

Google Removing Business Profile Websites

Google is getting rid of the “Business Profile Website” feature, which was a quick and easy way for businesses registered with “Google My Business” to create a website. Read more to view quick details and suggestions.

Divi Post Title Module

Unstyled Divi Modules

by | Jun 13, 2025 | 0 comments

Divi Slider Module

Divi Slider Module

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Social Media Follow Module

Divi Tab Module

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Testimonial Module

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Testimonial Module

Divi Text Module

Divi Text Module. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Toggle Module

Divi Toggle Module

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Divi Video Module

Divi Video Slider Module

Divi Blog Module

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

Divi Pricing Table Module

a transparent background with yellow dots and squares

About the Author: Mark Bush

CEO of RAD Websites and RAD Computers Web Design / Development and IT MSP professional for over 20 years, Mark enjoys sharing his passion for technology with others, through tips, tricks, and general education. He's developed over 400 websites since 1999. In his free time, he likes to spend his time with his girlfriend, Katelyn, and their son, Ziggy.

NOTE: Some links on this page may be affiliate links, and help support our business. These links do not alter the cost of the product, but provide a small percentage of the sale to us as the referral source.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *