Blog

Show "Back to Top" button in Learndash Focus Mode

Learndash has a focus mode which provides students with a distraction-free view of the course content (e.g. lessons and topics). One useful feature of the Divi Theme that is normally hidden in focus mode is the 'Back to Top' button. Here's how to make Divi's 'Back to...

Fix Divi Header Overlapping the LearnDash Login Modal

Learndash includes a popup login / registration which is displayed when a user clicks the 'Login to Enrol' button on a course page. However, the popup box is displayed behind the main Divi header, preventing it from being fully seen on the page. Here's how to fix this...

Clearing Divi's Static CSS Cache

The Divi Theme caches the CSS styles that it generates, in order to improve site performance. If some of your styles aren't showing up as expected, it may be that Divi's static CSS cache is storing an old version of the site styles. If this is the case, it can be...

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 as you'd expect, here are some possible solutions.Fix the Video...

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