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.
Customizing the footer credits in your Divi theme allows you to personalize or brand your website’s footer, such as adding your own name, business, or custom HTML content. This is especially useful for web designers, agencies, or site owners who want to replace the...
As with any site, speed is often an important requirement for those built using Divi. With Google using the speed at which your site loads as a factor in determining how high to rank it in their search results, if you want a good ranking, a fast site is critical....
When using WooCommerce, a little shopping cart icon will appear in your Divi theme's Header menu (either in the main header or in the secondary navigation bar if you have one).Hide the Cart Icon using Divi Booster Divi Booster includes an option to hide the...
The Divi Theme comes with several layouts, including a "box" layout which places all your content within a bounding box. This box is distinguished from the background by a shadow effect. If you want to get rid of the shadow effect, you have a couple of options....
The Divi Theme blurb module allows you to add an icon with text to your page. It contains an options to choose between placing the icon above the text or to the side. However, the default icon size differs significantly between the two options, like so: Making the...
The PageLoader by Bonfire gives you lets you add a nice loading page to your site so that your users aren't shown the content until the page is fully loaded and ready. Unfortunately, if you install PageLoader by Bonfire for use with the Divi Theme, you may notice that...
The standard header in Divi includes a menu for your main site navigation links. Given their prominent position on the page, it's important to ensure they are look good and are easy to read. This tutorial will show you how to adjust the menu item spacing and make this...
The Divi theme includes the ability to create single page websites with menu links that link to specific sections in the page. This lets your users easily navigate around a long single-page site. You might notice, however, that the link colors sometimes don't look...
Divi Module Editor is a new customization plugin for the Divi theme, allowing a range of style changes to be made to Divi without the need for knowledge of CSS. It is available as the free-but-limited Divi Module Editor and a full-blown Divi Module Editor Pro. Some of...
To make the contents of the Divi Theme secondary menu bold, you can use the following CSS: #et-secondary-menu, #top-header { font-weight: bold; } That's all there is to it!
