Divi

Optimizing Images in Divi

On many websites, images contribute significantly to slow load times. This post is a place for me to collect tips on optimizing images on Divi sites to increase page speed load times.Remove Images / Reduce Image Sizes An easy first step in reducing the impact of...

Set the Button Heading Level in Divi Show / Hide Button Text

The Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. If you want your show / hide button to double as the heading for the section it reveals, you may wish to set the button text to a heading level, such as an H2 or...

Fix Divi Video Slider Module not Displaying Videos

Divi comes with a built-in video slider module, which lets you display videos in a slideshow format with thumbnails below for easy switching between videos. If you find your videos are not displaying, leaving you with a blank space where the video should be, here is a...

Using Meta Box Settings Page Fields in Divi Modules

MB Settings Page is an extension for the Meta Box custom fields plugin which allows you to easily create new settings pages in the WordPress Dashboard area, and reuse the values from these pages throughout the site. Divi Dynamic Content Extended adds the ability to...

Prevent W3 Total Cache from Deferring jQuery

W3 Total Cache includes the option to minify and combine JavaScript files on your site. This option defers the loading of JavaScript until the end of the page. However, when used on Divi, W3 Total Cache's deferral of the jQuery library conflicts with Divi's own jQuery...

Trigger a Divi Show / Hide Button from a Link

The Divi Show / Hide Button Module lets you reveal, hide and toggle Divi Builder elements using a Divi-style Button. If you'd like to be able to scroll to and trigger a show / hide button from a link, here's how to do it.Open a show / hide button from a link using...

Add an Image and Text in the Divi Show / Hide Button

Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. While there isn't a specific option to add an image to the show / hide button, you can add an icon and/or a background image. So for example, you can create a button...

Change Divi Shortcode Popup Module Overlay Background Color

The Divi Shortcode Popup Module lets you easily display shortcodes in a popup box, triggered by a Divi-style button in your Divi Builder pages. When the popup is displayed, the rest of the page is hidden behind a semi-transparent background overlay. If you'd like to...

Enable Raw HTML in Divi Show / Hide Button Text

Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. By default, the text entered in the Show / Hide button's Text field is displayed as just that: text. This means that if you enter HTML in the button's text field, it...

Change the "display" value set by Divi Show / Hide Button

The Divi Show / Hide Button lets you reveal and/or hide Divi Builder elements at the click of a button. When an element is revealed it is done so using the jQuery show() method. This method sets the "display" CSS property of the revealed element to "block". If you...