This article explains what Divi 5 Theme Options are, where you find them, and which settings you should configure first to keep your site working and looking the way you want.
Divi 5 Theme Options gives you one place to control your site’s global settings: logo, colors, layout defaults, performance, tracking codes, and updates. You still design with the Divi 5 Builder, but the Divi 5 Theme Options decide how the whole site behaves behind the scenes.
If you used Divi 4 before, the Theme Options screen will feel familiar. Divi 5 builds on the same options panel, so you don’t need to relearn everything.
How to access Divi 5 Theme Options
Log in to your WordPress Dashboard.
In the left sidebar, go to Divi → Theme Options.
You’ll see the Theme Options screen with tabs across the top: General, Navigation, Builder, Layout, Ads, SEO, Integration, and Updates.
General tab (site basics and performance)
The General tab has two sub-tabs: General and Performance.
General sub-tab:
Logo - Upload the main logo used in your header.
Fixed Navigation Bar - By default, the navigation bar stays on top of the screen at all times when scrolling down/up on a page.
Enable Divi Gallery - Enable this if you want to replace the WordPress default gallery with the Divi-style gallery.
Grab the first post image - By default, thumbnail images are created using Featured Image. However, if you would rather use the images that are already in your post for your thumbnail (and bypass using the Featured Image field) you can activate this option. Once activated, thumbnail images will be generated automatically using the first image in your post.
Blog Style Mode - By default, the theme truncates your posts on index/homepages automatically to create post previews. If you would rather show your posts in full on index pages like a traditional blog, then you can activate this feature.
Sidebar Layout - Choose the position of the default sidebar.
Shop Page & Category Page Layout for WooCommerce - Choose default sidebar positions for Shop Page and all archive pages, such as Category Pages, tag page, etc.
Google API Key - The Maps module uses the Google Maps API and requires a valid Google API Key to function. Before using the map module, please make sure you have added your API key here. Learn more about how to create your Google API Key here.
Use Google Fonts - Disable this option to remove the Google Fonts from your Divi Builder Pages.
Google Fonts Subsets - This will enable Google Fonts for non-English languages.
Enqueue Google Maps Script - Disable this option to remove the Google Maps API script from your Divi Builder Pages. This may improve compatibility with third-party plugins that also enqueue this script.
⚠︎ Note: Modules that rely on the Google Maps API in order to function correctly, such as the Map module, will still be available but will not function while this option is disabled (unless you manually add the Google Maps API script).Social icons - Turn on/off icons (Facebook, X, Instagram, RSS) and set their profile URLs.
Number of Products displayed on WooCommerce archive pages - Choose how many WooCommerce products are displayed on the archive page. This option works independently of the Settings → Reading options in the WordPress Reading settings.
Number of Posts displayed on Category page - Choose how many recent articles are displayed on the Category page. This option works independently of the Settings → Reading options in the WordPress Reading settings.
Number of Posts displayed on Archive pages - Choose how many recent articles are displayed on the Archive pages. This option works independently of the Settings → Reading options in the WordPress Reading settings.
Number of Posts displayed on Search pages - Choose how many recent articles are displayed on the Search results pages. This option works independently of the Settings → Reading options in the WordPress Reading settings.
Number of Posts displayed on Tag pages - Choose how many recent articles are displayed on the Tag pages. This option works independently of the Settings → Reading options in the WordPress Reading settings.
Date format - This option allows you to change how your dates are displayed. For more information, please refer to the Formatting Date and Time WordPress codex page.
Use excerpts when defined - Enable/Disable the use of excerpts in posts or pages.
Back To Top Button - Enable/Disable the floating “back to top” button.
Smooth Scrolling - Enable/Disable the smooth scroll behavior.
Disable Translations - If enabled, the Visual Builder's interface will use the English language regarless of the website's language set in the WordPress settings.
Enable Responsive Images - Enable this option to get responsive image sizes generated when uploading images and adding the srcset attribute for the image element.
Custom CSS – Add CSS that applies to the whole site. This field syncs with Appearance → Customize → Additional CSS.
Performance sub-tab
Helps your Divi 5 site load faster: dynamic CSS, dynamic icons, critical CSS, deferring scripts, and more. Divi only loads what each page needs instead of everything at once.
If you’re a novice user, we suggest using the default performance settings unless you are experiencing display issues on the front end or 3rd-party cache plugins are being used. In most cases, 3rd-party cache plugins such as WP Rocket, Fastest Cache, or other well-known cache plugins should not impose any issues.
Navigation tab (automatic menus)
The Navigation tab controls how WordPress generates menus when you haven’t created custom menus in Appearance → Menus. You can:
Exclude pages or categories from the auto-generated menu.
Show or hide dropdown menus.
Decide whether to show a “Home” link.
Control how many dropdown levels appear.
If you already use custom menus, you can ignore most of this tab.
Builder tab (where Divi 5 is allowed and how it caches CSS)
The Builder tab has two sub-tabs: Post Type Integration and Advanced.
Post Type Integration – Choose which post types can use the Divi Builder (for example, posts, pages, projects, or custom post types).
Advanced – Controls the CSS Styles output, enables or disables the Product Tour, enables or disables the WordPress Classic Editor, and forces the Divi 4 Shortcode Framework to load.
⚠︎ Note: Keep the Force Enable D4 Shortcode Framework option disabled unless you are using 3rd-party plugins that rely on the Divi 4 frameworks to work.
On a new Divi 5 site, you usually:
Enable the Builder on any post types you plan to design with.
Leave the Output Style Inline option as-is unless you have a specific performance issue and know what you’re changing.
Layout tab (default post and page layout)
The Layout tab sets defaults for how single posts, pages, and index/archive pages look. You can:
Decide which meta info shows under post titles (author, date, categories, comments, etc.).
Turn comments on or off by default for posts and pages.
Choose whether to show featured images on posts, pages, and index pages.
These options give you a basic layout baseline. The Divi 5 Theme Builder then lets you override this with custom templates when you’re ready for more control.
Ads tab (simple banner ad)
The Ads tab lets you enable a single 468×60 banner at the bottom of your post content and set its image, link, or AdSense code. If you don’t run ads, you can skip this tab entirely.
SEO tab (basic built-in SEO)
The SEO tab provides basic SEO controls for your homepage, single posts, and index/archive pages: custom titles, descriptions, keywords, and canonical URLs.
If you already use an SEO plugin such as Rank Math or Yoast SEO, you usually:
Configure SEO in that plugin instead.
Leave the Divi SEO settings disabled to avoid duplicate meta tags and conflicts.
If you don’t want an SEO plugin yet, you can use this tab for simple site-wide SEO basics.
Integration tab (tracking codes and custom scripts)
The Integration tab is where you paste tracking scripts and other global code. You can:
Enable and add code in the
<head>of every page (good for CSS and many JS snippets).Enable and add code in the
<body>of every page (often used for analytics pixels or tracking).Add code to the top or bottom of single posts.
Typical examples:
Google Analytics / Tag Manager snippet.
Facebook Meta Pixel.
Chat widgets or verification meta tags (Search Console, etc.).
Divi will output this code across your site so you don’t have to edit theme files.
Updates tab (link Divi 5 to your account)
The Updates tab connects your Divi install to your Elegant Themes membership.
Enter your Elegant Themes Username.
Paste your Elegant Themes API Key from your ET account dashboard.
From the Updates tab, you can also roll back to a previous Divi 5 version by clicking on the Rollback to the previous version button.
After you save, WordPress can download Divi updates (including future Divi 5 releases) directly in Dashboard → Updates or Appearance → Themes.
If you don’t add this info, you won’t receive new Divi versions through the dashboard.
What you should set up first in the Divi 5 Theme Options
For a brand-new Divi 5 site, you don’t need to touch everything. Start with this quick checklist:
Upload your logo
Go to Divi → Theme Options → General → General.
Upload your logo image.
Configure social icons in the footer
Still, in General, enable the social icons you want and paste your profile URLs.
Adjust default post / product counts if needed
In General, tweak the number of posts or products per page for categories, archives, search, and WooCommerce pages.
Add any global tracking codes
Go to Integration.
Paste your analytics or tracking snippets in the appropriate fields.
Connect your Elegant Themes account
Go to Updates.
Add your username and API key, then save.
Export your Theme Options as a backup (recommended)
From Divi → Theme Options, click the portability icon (double arrows).
Export your Theme Options to a
.jsonfile and store it safely.You can import this file later if you need to restore settings or move them to another site.
How Divi 5 Theme Options work with the Divi 5 Builder
A quick way to think about it:
Divi 5 Theme Options control site-wide behavior and defaults (logo, colors, layout, performance, scripts, updates).
Divi 5 Theme Builder and the Visual Builder control how each page, template, and module looks and behaves.
Once you set up Divi 5 Theme Options, you usually leave them alone and do your day-to-day work in the Builder.
But when you need to change something that affects the entire site, you come back to Divi → Theme Options.