Changing the "Select Page" Mobile Menu Bar Background Color

The Divi Theme includes several mobile menu bar styles. When the desktop version of the site is using a centered header style, the mobile site will display a grey bar with the text "Select Page" and a right-aligned mobile menu button. If you'd like to change the color...

Centering the "Select Page" Mobile Menu Bar Button

The Divi Theme includes several mobile menu bar styles. When the desktop version of the site is using a centered header style, the mobile site will display a grey bar with the text "Select Page" and a right-aligned mobile menu button. If you'd like to center the...

Fix Slider Module Slide General Settings not Displayed

If you find that the General Settings tab of slides in your Divi Theme slider modules are blank, the reason is likely to be that the site has been updated to WordPress 4.9, while still on an older version of Divi. WP 4.9 caused some issues with the color picker...

Add Drop-Shadow to Slick Menu Hamburger

If you want to add a drop shadow to a standard Slick Menu hamburger menu button, you can do so with the following CSS: .sm-hamburger:not(:hover) .sm-hamburger-box div, .sm-hamburger:not(:hover) .sm-hamburger-box div:before, .sm-hamburger:not(:hover) .sm-hamburger-box...

Fixing 404 Not Found Error on Divi Booster Files

An issue I see crop up from time to time is that Divi Booster's settings aren't being applied due to 404 Not Found errors. Normally, Divi Booster loads the following files to add the CSS / JavaScript code it generates to the site:...

Show Archive Page Featured Images on Left of Post Extract

An earlier post covered how to show blog module featured images to the left of the post text. Here's the equivalent CSS for doing the same thing on the standard category / archive / search pages: /* Place category / archive / search images on left of text */ /* src:...