Tobias Ahlin has published a set of cool text effects called Moving Letters. He shares the HTML, CSS and JS needed to add these effects to a plain HTML page. But what about adding them into Divi? Here's (some initial thoughts) on how to do it. If you hover over any of...
Manually Editing header.php You can add a Divi Builder layout to the header of your pages by editing the header.php file in Divi (or better yet, in a copy of the header.php file placed in a child theme). To do so, replace this line in...
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...
If you have installed Divi Switch plugin by Divi Space and enabled the "Style Contact Form 7" option, you may find that the button colors it produces are not to your liking. One way to override the colors is using CSS similar to the...
The Divi Theme comes with an option to add some social network icons to the top header and the footer. However, the set of icons is quite limited. Third party plugins such as my own Divi Booster plugin add lots more icons covering most of the main social networks. But...
When you use Divi Builder to edit a Learndash course page, by default the visual builder is only available on a relatively small part of the page, like so:Here's how to make the visual builder area extend the full width of the page.Make the Course Page Layout...
I've previously written about how the links from a menu shown in the Divi theme's secondary header get moved to the mobile drop-down menu, and how to hide them if you don't want that behavior. But what if you want the secondary menu items to keep displaying in their...
Here's the CSS for centering the links in the Divi theme's fixed header only (not the main header):Related Post: Adding CSS to the Divi Theme
By default, the featured images of your blog posts in the Divi theme's blog module show at full width above your blog posts' titles and extracts. This won't suit every design, in particular those where the image is not the most important element of the post. In this...
If you've installed Divi Ghoster, e.g. as part of the Ultimate Divi Bundle, you may notice that it includes a handy login form customizer feature, which you can access from "Appearance > Customize > Login Customizer". However, you may find that you...
