
How to Add a Reading Progress Bar to Your WordPress Divi Blog Post
Readers stay longer when they can see the finish line. Add a Divi reading progress bar to blog posts with one code module and a few lines of jQuery.
Divi 5 tutorials, layouts and fixes from the team that builds Divi sites every week.

Readers stay longer when they can see the finish line. Add a Divi reading progress bar to blog posts with one code module and a few lines of jQuery.

Give Divi blurbs equal height so cards line up across a row, using flexbox on the parent row plus a min-height that still behaves on tablet and phone.

Circular images soften team pages and testimonials. Crop Divi images into a circle with border radius settings, and keep the result sharp on every screen.

Lay out an inline Divi contact form with the fields side by side and the button on the same row, then stack it cleanly on mobile with a little custom CSS.
That tiny browser tab icon is easy to forget. Add a favicon in WordPress through the Customizer site icon setting, with the right size and format for Divi.

Allow SVG uploads in WordPress two ways: a sanitising plugin, or a filter in functions.php. Includes the security checks to run before you enable either.

Build a Divi popup without a plugin using a saved section, a custom CSS class, and a short snippet that handles the open and close clicks on any page.

Divi 5 moved panels, menus and settings around. Walk through ten changes in the Divi 5 interface and find where the tools you used daily have ended up.

Migrate to Divi 5 without wrecking layouts: back up, test on staging, check plugin compatibility, then convert pages and clean up the shortcode leftovers.