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 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!
Normally the Divi Theme sets the color of the bottom footer to be a slightly darker shade of the main footer. If you’d like to take control of the bottom footer color and set it to something else, you can just use CSS similar to the following:Related Post: Adding CSS...
Keith contacted me when he discovered that his site about Divi (created using the Divi Theme, of course) was failing Google's mobile-friendly test. Google is planning on penalizing the rankings of sites which are not responsive, so getting this sorted out was...
This post covers some of the ways you can increase, reduce or eliminate the space around Divi Builder modules, rows and sections to get the right amount of white space for your design.Adjusting the Vertical Gap Between Divi Builder Modules If you have modules stacked...
When you first view a Divi Theme slider, the slider image will "slide in" from the left. If you don't want this slide in effect on your slider images, you can disable it with the following CSS: .et_pb_slide_image, .et_pb_slide:first-child .et_pb_slide_image img.active...
Customizing the hover color of menu links in your Divi header menu helps create a more engaging and visually appealing navigation experience for your site visitors. By setting a distinct hover color, you can improve usability and coordinate the menu appearance with...
To change the Divi Theme's header menu font size, you can simply use the following CSS: #top-menu a { font-size: 16px; } Just change the 16px to your choice of font-size. It will also apply to the sub-menus.
Centering the footer credit links on your Divi-powered website creates a more balanced and visually appealing layout, enhancing the overall professionalism of your site. This adjustment can help unify your design and ensure important site information or branding in...
