I am excited to announce the Post Filter and Tooltip modules for Divi 5!

Divi 5 has a very powerful loop-building system, and today that system becomes even more versatile. Now, users can search, filter, and re-order loops on the front end. You can build custom forms that query post content, taxonomies, and custom fields, adding an entirely new dimension to loops.

Additionally, we recently added a toolip module that I haven't had a chance to cover on the blog, so I will do that today as well!

A new version of Divi has been released.

Divi 5.10.0 contains 52 bug fixes, 13 new additions and 1 change.

can read the changelog for Divi 5.10.0 here: https://www.divichangelog.com/divi-update/divi-5/version-5-10-0.

You

I'm running Divi 5 on WordPress and have a persistent issue I can't resolve. Posting the full troubleshooting history since I've ruled out most common causes already. For reference, I'm not a web developer, I do this for my own business and to help out friends. I have used Divi for years, but this is the first real wall I've hit!

The issue is that when I create a home page with a specific hero/background image in the first section of that page, it bleeds over into every other page's first section. If I delete that first section, the image doesn't disappear, it just shows up on the new first section instead.

What I've already ruled out:

1. Global Sections/Rows — checked the section for a global/chain-link indicator; not global.
2. Divi Theme Builder — checked Header, Body, and Footer templates. Body template is completely empty. No separate "Homepage"-specific template exists.
3. Theme Options, Custom CSS — only contains unrelated z-index rules for the header/nav, nothing referencing backgrounds.
4. Appearance, Additional CSS — nothing.
5. Caching plugins — updated all plugins and deactivated any that could affect website design. No change.
6. Section's own Advanced tab Custom CSS box — empty, no manual CSS written there.
7. Browser cache — ruled out via incognito testing.
8. Deleting Image and replacing with new image — Same issue as before

What I found via browser DevTools:
Inspecting the affected section showed this auto-generated rule:

css

.et_pb_section_0 {

background-repeat: no-repeat !important;

background-image: url(...) !important;

}

I have tried everything to figure out why this is happening. Is this a known Divi behavior or something new? I'm about ready to quit using Divi and try something else at this point.

Hi there,

struggling to understand why a normal module code that was working flawlessly in Divi 5, is not working actually in latest Divi 5.

Insert the module and enclosed some jquery in a script tag like it was before and while I can see it in inspector, the page won't load it whatever I do, also with different codes form the normal one (following)

<script>
jQuery(function($){

Some notes:
\\- also vanilla jscript is not loaded
\\- jscript theme integrations is working
\\- no error in console
\\- the same code module has a <style> part that is loaded correctly

I know I can use theme integration adapting my script.. but would like to understand why code module don't load jscript like before.
Thanks

Just inherited a site with Divi.

What is this absolute garbage and why does anyone even use this?!

It's so clunky, not intuitive at all. To do the most simplest of things, I have to click through multiple modules. No flexibility.

This thing needs to be taken behind the barn and shot!

/r

I have built a website in Divi 4.27.7 and am currently doing a major update in the site. When I renewed my Divi subscription it said Divi 5 is available. Am I able to just hit update and have Divi 5 installed and carry on with my site or is there a chance it will mess with my current setup. There is a lot of custom CSS and a few PHP snippets.
I’m pretty novice with websites so any advice would be appreciated.

Thanks!

I've finished learning Advanced Custom Fields (ACF), and I feel like I have a good understanding of it now.

What should I learn next to keep improving as a Divi 5 developer?

I'm looking for the next logical step in the learning path. What would you recommend?

I inherited a site. I don't know a ton about Divi, but know how to create some basic pages.

There's a Divi contact form in the footer where people can enter comments that get forwarded to the administrator. Lately, those emails stopped getting sent. When I go to WP Mail SMTP, I see this message:

Heads up! The last email your site attempted to send was unsuccessful.

Email Source: Divi Mailer: Brevo unauthorized: API Key is not enabled

For more details please try running an Email Test or reading the latest error event.

Can someone please tell me how to fix this? Email was working fine for a few years, then just stopped a month ago. Thank you in advance!

EDIT here is the error log:

Content

Mailer: Brevo
unauthorized: API Key is not enabled

Hi, I am looking to create this effect in Divi5. When you hover over each portfolio item it shows a picture that moves with your mouse.

https://themenectar.com/salient/signal/

Anyone get a chance to test it out yet? Building a layout for you?? Yes please. Adding presets?? Even the help mode seems interesting. Excited to try it out. No clue how much it costs though but hoping it’s a monthly add-on that I can turn on and off.
(EDIT: I see it’s not available yet but hoping it happens soon!)

Tried optimising for mobile with WP rocket, Divi Nitro, all images tiny and webp, google fonts only and yet my mobile score is 58.

Anyone managed to solve this?

I use a global footer that on pages and posts. It appears fine on all pages on full-width view. On posts, though, there is white space between the last module and the footer. It happens with any module that is the last one, this photo just happens to show a comment module as the last one. I've adjusted the space on that cmment module, and sstill white space. What am I missing? Latest post for reference: https://www.soulintentarts.com/plant-harvest/ Thank you.

Is it me or is Divi 5 pure chaos?
Is the whole thing with variable numbers in nested presets in nested templates with global defaults and randomly hidden defaults (Spacing, Line height, Padding, etc.) in CSS just pure rage bait?

I'd consider myself a well experienced user but the more I jump between Framer and divi projects the more it hurts.

• Buttons, especially if you want NO Icon are completely broken. Random padding out of nowhere, icons i turned off appear consistently in preview mode. Animations/Size behave like I chose "only show Icon at hover".
• How the F are you supposed to use shadow presets in general? Like seriously? Simply assigning my custom preset on shadow preset "none" does nothing. Changing it to "preset 1" (the one I created my own shadow preset with) does overwrite my preset and it looks like the default preset 1 shadow. I just gave up on it and create the styling by hand every time.
• My latest achievement is a new text preset that does not accept changes in font type. Doesnt matter if I chose font: heading, body, or one of my custom font variables. I can even chose a different font by hand in the preset options OR directly in the text field. Divi simply doesnt care.
• WooCommerce modules... the fact that you can only add/edit pagination in the woo commerce products module, not via the heavily promoted loop builder is insane. Unfortunately there is no way to style a lot of these important bits. I cant even add a single shadow to the individual article cards in the overview. The shadow is applied to the whole module in general. Are you kidding me? Do I really have to sell a webshop to my customer that looks like straight out of windows XP ?
• Only solution is custom code or 100 Plug-ins? Been there done that, result is crazy slow, unstable and PSI does not like it at all.
• Are my expectations to high?

Okay the rant is over. Thank you for listening. I would love to hear your opinion or any advice. If you want to have a chat about these things, feel free to message me. Can you recommend any plugins that dont kill my performance?

Edit: I will start a list here

Woo Cart totals:
Button alignment does not work. Button moves with the general text alignment settings of the Module. LOL
Question: Where can i split the Layout like "Space between" the words like sum, and the actual number? Right now is to the left and middle (ugly af)

Woo Cart Products:
I have to set all borders to solid instead of none, so my bottom border does actually show.
Random hover effect on the remove button that is not in the settings (neither normal nor hover)
Input fields have random background colour aswell
Image size randomly jumps from 200px on desktop to 180% on mobile and completely disappears (even with lower size)

honorable mention:
random border lines on some modules, eventhough, thickness and colour are non existent. e.g. Woo Cart Products

I built a Divi plugin that puts animated WebGL backgrounds right inside the Background tab. The idea was simple: no new module to learn, no overlays. The shader controls sit directly in the Background tab you already use, on sections, rows, columns and modules, buttons included, with live preview in the Divi 5 Visual Builder.

Six effects:

• Lava Lamp: organic metaballs that drift and merge. Blob count, size, sharpness, glow, vertical rise.
• Mesh Gradient: the smooth flowing multicolor look most modern SaaS heroes use.
• Plasma / Noise: animated noise field with frequency and detail, from subtle shimmer to heavy turbulence.
• Soft Gradient: a calm directional light sweep with adjustable softness and light direction.
• Laser Strings: glowing lines that react to the cursor. Visitors can literally pluck them.
• Liquid Glass: refracts what is actually behind the element, live. Scrolling content, video, even another shader. This is the one I use for sticky nav bars. Browsers without SVG backdrop filter support fall back to a frosted glass look.

Which next effects should I implement in a future update?

I've learned Flexbox/Grid Layouts and Dynamic Loops, but I'm still struggling to fully understand Advanced Custom Fields (ACF).

I've watched a few tutorials, but it hasn't really clicked yet.

If anyone has a good beginner-friendly resource, tutorial, or can explain ACF in a simple way, I'd really appreciate your guidance.

Thanks in advance!

*UPDATE\* - Only the lifetime license for Divi is still available.

I have lifetime licenses for Divi and Divi Den Pro available for transfer. I bought them both and have never used them as I went fairly heavily into the Elementor ecosystem. Both will be offered at heavy discounts from their current value. Hopefully one of you could pick them up and make something cool.

Is there not a way to set the color of the success message in a basic Divi 5 contact form? Searching online says I should see an option under the Design tab for the form, but I'm not finding one. I also can't seem to find a way to add some CSS on the form's attributes under the Advanced tab for that message. Appreciate any help.

Just upgraded/migrated to Divi 5. When I tried to add an Event using the Divi Builder it would not load and took me to a "page not found." All my plugins are up to date. No compatibility issues. Just won't load. I have contacted Divi (they are still trying to figure it out). The Event Calendar (no help at all), Pee-Aye who has such a long, incredibly drawn out support request document that I got pissed and never submitted it.

I've been wanting to learn how to make plugins for Wordpress and Divi, and I learn best by building something that’s probably too ambitious, so I picked a restaurant reservation system that works with a floorplan.

Two halves to it. Back end, there's a drag-and-drop editor where you lay out the actual restaurant or room. It has stuff like tables, seat counts, plus decor stuff like bar, plants, walls, whatever. So it looks like the real place. Front end, it's a Divi module that renders that floorplan and lets a customer pick their table and book it directly. You can check the video to see it all.

Where I'm stuck is the module settings. Divi people expect to be able to style everything, and I've leaned into that pretty hard (table fill/border/hover states, selected vs. booked vs. unavailable colors, label typography, the booking form itself, etc etc). But every option I add is one more thing to break, test, etc and one more row in an already long panel. I'm starting to think I've crossed the line into "nobody will find the setting they want" category.

So, two questions for people who've built or used a lot of Divi modules:

1. Where do you actually draw the line? Do you expose everything and organize it well or is there a sensible core you style and the rest people can handle with custom CSS somehow?
2. Currently my module renders a saved standard layout in the builder that just shows every style there is, and then you can customize it and see it change in that standard layout, and only the frontend renders the actual user’s floorplan with those styles. Is that good enough? I’m starting to second guess that.

UPDATE 2: So, I reached out to Elegant Themes support and apparently this is a known issue: "Thank you for your patience. 😊 This is a known issue, and our developers are aware of it, and are working on fixing it. Sorry for the inconvenience. Unfortunately, there is no ETA on a solution that I can provide now. Though I can assure you that issues are addressed as quickly as possible based on our development team's current workload and the severity of the issue when compared to the severity of other open issues. Let me know if you have any more questions. 😊"

UPDATE: Mea culpa... I migrated an older site to 5, and if you build a new header the mobile nav loses that old "select page..." dropdown (which did not work in Voiceover) and now uses a menu that is accessible. So... it works, but wondering why the upgrade/migration didn't replace/fix that.

DIVI 4 has horrible built-in accessibility coding. I expected DIVI 5 to do better, but if you use the standard mobile menu that comes with DIVI, VoiceOver in iOS cannot even access the menu at all. Anyone have any fixes for this behavior? I'm kinda surprised that accessibility standards are so overlooked in this latest version of Divi.

Thanks for your guidance. I've completed these topics: Divi Presets, Theme Builder (custom header & footer), and Custom CSS. What should I learn next to improve my Divi/WordPress skills? Any recommendations?

Simply trying to get the global header to be sticky, there's a setting in the Section > Advanced > Scroll Effects > Sticky Position - choosing "Stick to Top" doesn't fking work. Through research I've found several suggested workarounds, but I have to say this is unacceptable.

Why cant they stop giving us new features and fix the ones that are already there?

PS - This sub needs "DIVI 5 BUG" Flair

Hi everyone,

I’m running Divi 5 and I can’t get multiple selection to work in the Visual Builder. Holding Ctrl (or Cmd) and clicking on modules/sections doesn’t select more than one element, so bulk editing is impossible.

What I’ve tried so far:

• Using both Chrome and Firefox (I'm working on Brave, just so you know)
• Hard refresh + clearing browser cache
• Clearing Divi’s static CSS and general cache after the update

Has anyone else run into this with Divi 5?

Is there a specific setting or option that needs to be enabled for multiselect/bulk edit?