Divi 5 form styles and asset loading
On Divi 5, Divi Form Builder loads the required Contact Form CSS in a way that keeps form styles correct without affecting site-wide performance.
How it works
- Contact Form CSS is loaded only on pages where the Form Builder module (
de-form-builder/form) is present. It is injected via Divi 5’s dynamic assets system (using thedivi_frontend_assets_dynamic_assets_global_assets_listfilter) so that form styles apply only when needed. - The plugin no longer disables Divi’s static resources globally. Previously, a global hook turned off Divi’s static resource caching on every page. That hook has been removed. Divi’s normal asset pipeline and caching now apply across the rest of the site; only pages that actually render the Form Builder module receive the Contact Form CSS bundle.
What this means for you
- Form styles continue to work on Divi 5 on any page that uses the Form Builder module.
- Site performance can improve on other pages, because Divi’s static resource behavior is no longer disabled site-wide.
- No extra configuration is required: if the Form Builder module is on the page, the correct CSS is loaded automatically.
If form styles are missing on a page
Confirm that the page content includes the Form Builder module (the one that renders the form). The Contact Form CSS is loaded only when that module is present. If the form is embedded in a different way (e.g. shortcode or custom markup) and the module is not on the layout, the dynamic asset will not be enqueued for that page.
What's next
- Layout options – Form appearance and preloader settings
- Form not submitting – Troubleshoot submission failures
- Troubleshoot email delivery – Fix email delivery issues