Divi 4

Mute YouTube Videos by Default in the Divi Video Module

In the Divi Video Module, starting your YouTube videos muted by default can create a more user-friendly browsing experience on your webpage. It is particularly beneficial for reducing distractions, enhancing visitor engagement, and providing a seamless content preview...

Autoplay Videos in Divi Video Module

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...

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...

Animating the Divi Email Optin Module Subscribe Button

Divi's email optin module lets users subscribe to your email newsletters and RSS feeds. One way to draw attention to your signup form is to add an animation to the email optin subscribe button. Here's how to do it.Animate the Divi Email Optin Module Subscribe Button...