Enabling videos in your Divi video module to start playing automatically can enhance both the site's design and user engagement. To ensure full compatibility with browser requirements, such as Chrome's autoplay policy, it's often necessary to start your videos muted...
Divi 4
Automatically Sync Divi Image Module Alt and Title Fields with the Media Library
In this post, we'll cover how to dynamically sync the alt and title attributes of the Divi Image Module with the information stored in the WordPress Media Library. This enhances accessibility and SEO by ensuring the correct use of image attributes. While Divi will...
Change the Divi Gallery Module Image Count Separator
Change how the Divi Gallery module lightbox displays image counts by replacing the default separator with your preferred characters (for example, turning "1 of 2" into "1 / 2"). Adjusting the separator can improve readability, better match your brand style, and...
Add an Aria-Label to the Divi Header Logo
When it comes to web accessibility, every detail counts, including properly labeling elements like the header logo of your Divi website. Adding an aria-label attribute helps screen readers understand the purpose of the logo, essentially communicating that it is a link...
Remove the Divi Slider Module Title Link
The Divi slider module includes the option to add a button to any slide. Normally when you set the button link URL, the slide title is automatically linked. If you want to prevent this, so that only the button is linked, not the title, here's how.Remove the Slider...
Send User a Confirmation Email from the Divi Contact Form
The Divi Theme's contact form module can be used to let your users send you messages through your site. If you want to ensure that your website visitors know their submission has been successful, an effective method is to send a confirmation email to the submitter....
Hide the Divi Top Header on Scroll when Fixed Header Enabled
When Divi's fixed header option is used, both the main header and the top header will remain visible when scrolling down the page. If you'd like to hide the top header on scroll, so that only the main header is fixed, this post explains how. Here's a before and after...
Adjust the Space Between Items in Divi Bullet and Numbered Lists
Currently, Divi module settings do not support altering the space between numbered / bullet list items alone. Here's how to increase the space between items in a bullet list or numbered list with a Divi module.BeforeAfterNote: the "Unordered/Ordered List Line Height"...
Adjust the Footer Menu Height in the Standard Divi Footer
Customizing the height of your website’s footer menu can enhance its appearance and improve navigation within your site’s footer area. Adjusting the top and bottom padding lets you create a visually balanced footer menu that fits your site’s design needs. In this...
Display Two Divi Columns Side-by-Side on Mobile – Divi 5 & Divi 4
Divi lets you place modules side-by-side by adding them to a two-column row. On mobile, however, Divi normally stacks those columns so they appear one above the other. That works well for many layouts, but it can take up more vertical space than necessary when the...
