This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

i-Divi Advanced Audio

Description

You just have to activate the plugin and go building your posts, pages or projects; you will find in the Divi Audio module some new design options both under the ‘Content’ tab (‘Audio Timeline Margin’ setting under ‘Audio’ toggle and ‘Image Width’ under ‘Image’ toggle) and in the ‘Design’ one (here you will find at the top a new ‘Audio’ toggle to customize timeline colors and other).

More info on www.howidivit.com/i-divi-advanced-audio/

Screenshots

  • New Audio setting 'Audio Timeline Margin' in 'Content' tab.
  • New Audio setting 'Image Width' in 'Content' tab.
  • New Audio settings in 'Design' tab(1).
  • New Audio settings in 'Design' tab(2).
  • New Audio settings in 'Design' tab(3).
  • New Audio settings in 'Design' tab(4).
  • Example 1
  • Example 2

Installation

To install the plugin you can use the classic method from WordPress Repository directly from your backend or you can:

  1. Download the plugin zip file and unzip it
  2. Rename the unzipped folder to “i-divi-advanced-audio” and Upload it via ftp in ‘wp-content/plugins/’ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Installation Instructions

To install the plugin you can use the classic method from WordPress Repository directly from your backend or you can:

  1. Download the plugin zip file and unzip it
  2. Rename the unzipped folder to “i-divi-advanced-audio” and Upload it via ftp in ‘wp-content/plugins/’ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
Does the plugin add a new Audio module?

No, it doesn’t. The plugin just customize the existing Divi Audio module adding new settings to it.

Are the added settings compatible with the Divi Visual Builder?

At the moment the compatibility for the Visual Builder is only partial. You will see the new settings in the VB, you can customize and save them in the VB but you can’t see the changes directly in the VB. In order to see the changes you have to preview the post even if you are building your page in VB mode.

Reviews

Thanks for this plugin. I needed to change the player colours from the default white as my player background was white. But I was surprised that the audio module didn't offer this. I tried putting color:#888; in the CSS but it only works on the play and volume icons and the timer, nothing can change the sliders. Even targetting the audio module classes in my stylesheet didn't work as the module default settings overrides any slider styling. Therefore I searched the DIVI blog and the internet with no joy until I came across this little gem of a plugin that adds this ability to the DIVI audio module. It adds the colour sliders in the module, it's that simple. Obviously the plugin creator had come across this problem and created a plugin to address it, but very grateful they then put it on wordpress for others to find. Once activated I had my audio colours sorted within one minute. Thanks, It's what DIVI should add to the audio module in their next theme update.
Read all 1 review

Contributors & Developers

“i-Divi Advanced Audio” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

  • Initial launch of the Plugin.