Browse practical Divi tutorials, fixes and customization tips from Divi Booster. Find step-by-step guides for improving Divi modules, fixing common layout issues, customizing design details, and getting more from your Divi site.
Many of these tutorials show manual Divi fixes and code snippets. Divi Booster gives you 100+ extra Divi settings - no custom coding required.
Looking for a specific Divi module, setting or fix? Search the tutorials below.
The Divi Theme's options screen (found at "Divi > Theme Options") presents a long list of settings which can be used to configure the theme. At the top of the options screen is the header, which includes tabs for accessing the different collections of settings...
The Divi Theme's image modules come with the option opening the image in a lightbox. That is, when you set the image module's "Image Settings > Content > Link > Open in Lightbox" option to "Yes", your users can click on your image it will be enlarged and...
The Divi Theme's pricing table module allows you to add a button at the end of each pricing table item. The "button" is a really just a link, with text and a URL, styled to look like a button. So what if you need to replace it with something more complex, such as a...
The Divi Breadcrumbs Module by Divi Booster now offers an easy way to implement SEO-friendly breadcrumbs using the browsing history of your visitors. Sometimes, a linear representation based on your site’s inherent structure doesn’t quite capture the journey a user...
The Divi Theme's contact form module displays a contact from consisting of input fields (such as the message textbox) followed by a submit button (and optional captcha). If you'd like to adjust the space between the input fields and submit button / captcha, you can do...
Increase the Height of the Secondary Header You can increase the height of the Divi Theme's secondary menu bar using the following CSS:Related Post: Adding CSS to the Divi Theme This adds 30px of additional padding (and hence height) to the top and bottom of the...
The Divi Breadcrumbs Module adds breadcrumbs to the Divi theme. It includes breadcrumb markup (in RDFa format) in the breadcrumbs it generates. This can aid SEO by allowing search engines to better understand the breadcrumbs / site structure. Search engines may...
The Divi Theme supports several different types of "section" elements in its page builder. Two of these are the standard section and the fullwidth section. As the name suggests, a fullwidth section typically occupies the fullwidth of the browser window. A standard...
The Divi Theme's video module allows you to add (among other things) YouTube clips to your page. If you'd like the videos to start playing when the user hovers over them, you can do so with the following jQuery code:Related Post: Adding JavaScript / jQuery to Divi. An...
The Divi Theme's blog module gives you the option of displaying featured images for each of the posts. By default, these images link to the post to which they relate. If you'd prefer that the images open in a lightbox, you can use the following jQuery code:Related...
