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.
A lot of the module options in the Divi Theme come with the ability to set different values on desktop, tablet and mobile screen widths. These options can be accessed by clicking on a mobile icon which sometimes appears to the right of the option. Some options show...
The secondary header in the Divi Theme allows you to display details such as your phone number, email address, social icons and a secondary menu. You can easily change the non-hover color of these items using the following built-in Divi option: Divi > Theme...
The Divi Theme comes with an option to set adjust the "content" width of your site. This lets you choose how wide your want your site's content to be (the default is 1080px). However, there is no equivalent option for setting the footer content width on mobile devices...
The Divi Slider Module lets you easily add image sliders on your website. In this post, we will walk you through the steps to set the height of a Divi Slider Module. Setting the slider height in the module settings Start by editing the page where the Divi Slider...
It's generally believed that cleaner, less cluttered checkout pages tend to lead to increased sales. If you're using Easy Digital Downloads with the Divi Theme, you may like to remove some of the unnecessary Divi components from your checkout page. Examples of things...
Divi comes with a countdown timer module that lets you display the days, hours, minutes and seconds left until an event. The module doesn't currently give you an option to change the "Day(s)", "Hour(s)", "Minute(s)" and "Second(s)" text to something of your choosing....
The Divi Theme secondary header lets you add a phone number and email address, and displays these along with a corresponding icon. However, there is no way to change the icon, should you want to do so. Here are a few ways that you can change the phone and email to...
The Divi Theme gives you the option of using the Divi Builder drag and drop editor on your posts and pages. This is normally something you have to explicitly enable by clicking on the "Use Divi Builder" button on every single post / page you start. Wouldn't it be...
By default the Divi Theme header's sub-menus use the same styles as the main menu links. If you'd like to adjust the look of the sub-menu items separately, here's how to do it:Setting the Sub-Menu Item Font Size If you'd like to adjust the font size in of the sub-menu...
Divi Theme includes support for Google Fonts, a set of open-source font families used by web developers globally. Divi's built-in Google Fonts feature lets you style text using hundreds of web fonts directly within any Divi module. Here's a rundown of how it...
