
How to Style the Divi Form Success Message
Restyle the Divi form success message with one target class: change the color, add an icon, center the text, and stop it inheriting that default green box.
Divi 5 tutorials, layouts and fixes from the team that builds Divi sites every week.

Restyle the Divi form success message with one target class: change the color, add an icon, center the text, and stop it inheriting that default green box.

The exact Divi breakpoints for desktop, tablet, and phone, the media queries behind them, and how to write custom CSS that matches instead of fighting them.

Broken scripts hide behind a page that looks fine. Check console errors on a Divi website, read what each warning means, then trace the plugin causing it.

The Divi save has failed error usually traces to a firewall rule, a low PHP limit or a caching plugin. Work the checks in order and get your page saved.

Build a Divi email opt in with the Email Optin module, connect Mailchimp or ConvertKit, and place forms where visitors already read instead of the footer.

The default header stacks logo and menu awkwardly on phones. Build a Divi centered header on mobile screens with one compact block of custom CSS.

Three ways to spot a website built with Divi: markers in the page source, the et_ CSS class names, and browser extensions that name the theme outright.

Place Divi buttons side by side using a two column row, or keep them in one column with a flex snippet so the pair stays centered and stacks neatly on mobile.

Accordions open on the first item by default. Set the Divi accordion module to start fully open or fully closed using toggle settings or a small snippet.