Divi Theme v5.13.1 + Premade Layouts Theme
Divi by Elegant Themes is a standalone WordPress theme and visual page builder that replaces the default WordPress block editor with an interactive front-end design system. Operating on a React-powered visual grid, Divi allows web designers, agency developers, and site owners to build complex multi-column layouts, global headers, footers, and archive templates without touching theme template files. While developers often compare visual builders like Elementor Pro for widget flexibility, Divi provides a unified framework where the builder engine, theme customizer, and full-site design system operate within a single package.
Behind the interface, Divi structures pages into hierarchical sections, rows, and modules, allowing granular control over CSS flexbox rules, typography scales, dynamic custom fields, and device breakpoints. Because visual builders generate larger CSS stylesheets and inline asset bundles, pairing Divi with performance optimization tools like WP Rocket or script managers like Perfmatters ensures fast Time to First Byte (TTFB) and high Core Web Vitals scores. With built-in theme building conditions, global element syncing, and hundreds of pre-designed layout packs, Divi remains one of the most flexible foundations for client projects and custom WordPress builds.
Core Features of Divi Theme Theme
- Visual Drag-and-Drop Canvas: Construct pages directly on the front end with click-to-edit typography, draggable column borders, and real-time layout rendering.
- Integrated Theme Builder: Build global headers, footers, custom post templates, archive grids, and 404 pages using conditional assignment rules across post types and taxonomies.
- WooCommerce Modules: Build custom WooCommerce product pages, shopping carts, and checkout screens with dedicated Divi WooCommerce modules and dynamic data tags.
- Global Elements and Presets: Synchronize modules, rows, and section styles across multiple pages, propagating design updates automatically across the entire site.
- Divi Cloud and Preset Library: Save customized module presets and full-page layout packs to your local template library for rapid deployment across client projects.
- Granular Responsive Breakpoints: Customize padding, font sizing, display properties, and column order individually for desktop, tablet, and mobile displays.
- Custom CSS Control: Add custom CSS directly to module selector fields, pseudo-elements, before/after states, and responsive breakpoints with code auto-completion.
- Shape Dividers and Transition Effects: Add SVG shape dividers to section transitions and configure hover animations, scroll-based effects, and drop shadows without external graphics.
- Built-in Split Testing and Analytics: Run A/B split tests on headers, call-to-action buttons, or entire layouts with Divi Leads to measure user engagement and conversion rates.
- Role Editor and Permission Controls: Limit editing capabilities based on WordPress user roles to protect core theme settings and structural layouts from unauthorized modifications.
- Dynamic Custom Field Integration: Connect modules to WordPress post metadata, ACF fields, Meta Box properties, and post taxonomies for automated content rendering.
- Critical CSS and Asset Deferral: Generates localized critical CSS for above-the-fold content and defers secondary builder stylesheets to minimize render-blocking resources.
- Extendable Code Architecture: Supports custom third-party Divi modules, child theme templates, and standard WordPress hook actions for bespoke developer workflows.
- Custom Font and Icon Management: Upload custom web fonts in WOFF or TTF format and access the complete native library of scalable vector icons.
- Undo, Redo, and Revision History: Track design revisions within the visual builder session with unlimited undo history and direct rollback points.
- Bulk Editing and Multi-Select: Select multiple modules or rows simultaneously to apply shared styling rules, spacing adjustments, or CSS classes in a single action.
What’s New (Changelog) in Divi Theme v5.13.1 + Premade Layouts
version 5.13.1 ( updated 09-18-2026 )
- Updated Divi AI with new image, text, and code generation models.
- Updated Divi AI image generation to create one image at a time instead of four variations.
- Fixed details set templates so each details-grid item and preview resolves the correct child template.
- Fixed gutter-1 module spacing in Theme Builder CPT output, including RTL layouts.
- Fixed Theme Builder set details so every template in a set was displayed.
- Fixed Theme Builder set details template export downloads to generate normalized filenames without encoded fragments.
- Fixed a security issue where Testimonial portrait image URLs were not sanitized before they were written into the module’s inline background style.
- Fixed Icon Module alignment not working correctly when Layout Style is set to Flex.
- Fixed Accordion items opening when scrolling over their titles on a phone.
- Fixed Video overlay images not staying applied after layout import.
- Fixed missing error message when saving to Divi Cloud from the Visual Builder after reaching the free tier item limit.
- Fixed Group Carousel navigation dots showing only one dot when Center Mode was disabled and all slides were visible at once.
- Fixed an issue where Blurb Grid column styles were applied twice, causing incorrect narrow layout output.
- Fixed an issue where Theme Customizer button text and border color pickers reset to white instead of the theme primary accent color.
- Fixed chained off-canvas interactions so subsequent canvases in a cascade are pre-rendered and available in the frontend DOM.
- Fixed the issue when Fullwidth Header module in VB doesn't match the actual result on Front-end with certain combination of settings.
- Fixed Google variable fonts such as Playfair Display showing a fake italic instead of the true italic style.
- Fixed an issue where Button, Circle Counter, and Accordion modules could not be dragged into an empty column from their edited content surface in the Visual Builder.
- Fixed section dividers on the frontend not inheriting an adjacent section's Global Color background when automatic divider color is used.
- Added a swipe-style bottom progress bar, slide count, and swipe indicator to the Post Slider module.
- Fixed an issue where the shipping address would not update on the cart page when using a Theme Builder cart template.
- Fixed non-global rows added from the Divi Library inside a Global Section being removed after reloading the Visual Builder.
- Fixed Woo Related Products image box shadow so it follows the same rounded frame as the image border.
- Fixed unwanted visible carousel group when video slider module's carousel navigation is clicked.
- Fixed a security issue that allowed authenticated contributors to execute arbitrary registered shortcodes through two Visual Builder AJAX endpoints that lacked the builder shortcode allowlist used elsewhere.
- Fixed Payment Button Transform styles not applying when Advanced > HTML > Element Type was set to button.
- Fixed a PHP deprecated error that appeared in debug logs when Support Center Safe Mode was enabled.
- Fixed Pagination Text Direction so vertical text applies on the frontend.
- Fixed an issue where Visibility settings from an element preset remained enabled in module settings after the preset was removed.
- Fixed Border option group presets from current styles removing parallax background images.
- Fixed Woo Related Products Image Alignment not positioning reduced-width product thumbnails.
- Fixed Image modules with animation remaining hidden inside Tabs after the first tab.
- Fixed an issue in the Visual Builder where modifying the default OG preset for the Text Module's Text OG group would incorrectly override a custom OG preset, causing the wrong font styles to appear in the editor.
- Fixed Woo Products image framing not working when image height was set, by applying height constraints to both the image wrapper and the product image.
- Fixed Woo Cart Products and Woo Cart Totals table row and table cell background colors not applying in the Visual Builder or on the frontend.
- Added a Show Labels option to the Email Optin and Comments modules so field labels can be shown and styled without custom CSS.
- Improved Divi AI Agent tool responses so the agent can identify the exact items it creates or changes, making multi-step requests more reliable.
- Fixed the missing browser backup restore prompt in Divi 5 so unsaved Visual Builder work can be recovered after a tab crash or reload.
- Contact Form Label Capitalization Small Caps and All Small Caps now style field labels instead of input text.
- Fixed an issue where Legend Labels Text Color did not apply to chart legend label text in the Chart module.
- Fixed Theme Builder showing Save Changes after editing an existing layout in the Visual Builder.
- Fixed the Google Maps JavaScript API console warning about missing `loading=async` when Enqueue Google Maps API is enabled in Theme Options.
- Fixed a stored XSS issue in the Audio module cover image.
- Fixed an issue where disabling a global Row could fail when legacy imported content had orphaned global-parent markers without a matching global root.
Similar Themes
Free Download Divi Theme Latest Version
Divi Builder Premade Layouts Free Download
You can download Divi Builder premade .JSON layouts and templates from the below links:
https://mega.nz/folder/l19SSYQL#U7vpCqNdaIlZ64wxfcWQ2g
How to Install and Safely Upgrade Divi Theme
Step 1: Upload the Divi Theme Package
In your WordPress admin dashboard, navigate to Appearance > Themes > Add New > Upload Theme. Select the downloaded Divi.zip file, click Install Now, and wait for the upload to complete.
Step 2: Activate Divi and Create a Child Theme
Click Activate once installation finishes. If you plan to add custom PHP functions or template overrides, create and activate a lightweight Divi child theme so future parent theme updates never overwrite your custom code.
Step 3: Configure Theme Options and Performance Settings
Navigate to Divi > Theme Options. Under the General > Performance tab, verify that Dynamic CSS, Critical CSS, and Dynamic Module Framework options are enabled to ensure fast asset delivery.
Step 4: Import Premade JSON Layouts
To use premade layout packs, go to Divi > Divi Library, click the Import & Export button at the top of the screen, select the Import tab, and upload your chosen .json layout file. The templates will immediately become available inside the visual builder.
Step 5: Safely Upgrading to Newer Releases
When an update is released on GPLAstra, download the new theme archive. Navigate to Appearance > Themes > Add New > Upload Theme, select the updated zip file, and click Replace current with uploaded. Your website pages, theme builder templates, and custom styling reside in your database and remain completely unaffected.
Frequently Asked Questions (FAQ)
Is Divi a WordPress theme or a page builder plugin?
Divi is primarily a complete standalone WordPress theme that includes the built-in Divi Visual Builder. Elegant Themes also offers a separate Divi Builder plugin for third-party themes, but this package provides the primary full-featured theme.
Will updating Divi overwrite my custom layouts or website content?
No. Page layouts, library items, Theme Builder templates, and theme options are stored in the WordPress database (within wp_posts and wp_options). Replacing the theme files updates only the theme codebase without altering database content.
How do I import the premade JSON layout packs included with this download?
Extract the layout zip file on your local machine to access the individual .json templates. In your WordPress admin, open Divi > Divi Library, click Import & Export, upload the JSON file, and then load it directly into any page through the builder’s “Add From Library” tab.
Can I use Divi Builder on custom post types?
Yes. Navigate to Divi > Theme Options > Builder and toggle on any custom post types (such as portfolios, products, or custom post types created with ACF or Meta Box) to enable the visual builder for those content types.
How do I optimize Divi for Google Core Web Vitals and speed?
Enable Divi’s native performance toggles (Critical CSS, Dynamic Module Framework) under Divi > Theme Options. Pair the theme with page caching plugins like WP Rocket or asset optimization tools like Perfmatters to defer unused JavaScript and optimize images.