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...
Divi
Change the Space Between Divi Menu Items
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...
Fix the Menu Link Colors on Divi Single Page Navigation
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 Pro
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...
Make the Divi Secondary Menu Text Bold
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!
Change the Divi Bottom Footer Color
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...
Fix Divi Comment Button Responsiveness when using WordPress Simple Security Firewall
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...
Reducing Divi Builder Module Spacing
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...
Disable Divi Slider Image "Slide In" Effect
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...
Change the Divi Header Menu Link Hover Color
A common question I get is how to change the hover / mouse over color of the main menu links in the Divi header. This post covers some of the options:Changing the Menu Link Hover Color in the Default Header An important thing to be aware of is that there are now two...