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.
- Download this JSON file, which is a pre-configured page with all integrated Divi 4 and Divi 5 modules.
- In the WordPress Dashboard, create a new page, click Use the Divi Builder, and import the JSON file:
- Click the Divi “Portability” Icon
- Click the Import Tab
- Select the JSON file you downloaded in Step 1
- Click “Import Divi Builder Layout” at the bottom
- Click the Divi “Portability” Icon
- Save the Page as a Draft
- For any module you want to modify the preset styles on, click the 3 Dots on the module:
- Modify the module’s presets to match your vision for the site’s design.
- Repeat for any modules you plan on using.
- 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
Divi Bar Counters Module
- Divi Bar Counters Module 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 Blog Module
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
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 Gallery Module
Divi Heading Module
Divi Heading Module
Divi Icon Module
Divi Image Module
Divi Login Module
Divi Number Counter Module
%
Divi Number Counter 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 Portfolio Module
Divi Post Navigation Module
Divi Post Slider Module
Divi Post Title Module
Unstyled Divi Modules
Divi Pricing Table Module
Divi Search Module
Divi Sidebar Module
Divi Slider Module
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 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
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.
Divi Gallery Module
creative-01
creative-02
creative-03
creative-04
creative-05
Divi Portfolio Module
Divi Pricing Table Module
Divi Pricing Table Module
Subtitle- Content
Divi Pricing Table Module
Subtitle- Content
Divi Pricing Table Module
Subtitle- Content
About the Author: Mark Bush
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