dan

Enable Divi Builder by Default on New Posts / Pages

The Divi Theme gives you the option of using the Divi Builder drag and drop editor on your posts and pages. This is normally something you have to explicitly enable by clicking on the "Use Divi Builder" button on every single post / page you start. Wouldn't it be...

Adding a Centered Title to the Header

Here's how to add a piece of centered text above or below the Divi theme's main header. This is useful for adding a site title, etc.Adding Centered Text Above the Header If you'd like to add a centered site-wide title at the top of your Divi Theme header, here's a...

Styling the Main Header Sub-Menu Items (Separately)

By default the Divi Theme header's sub-menus use the same styles as the main menu links. If you'd like to adjust the look of the sub-menu items separately, here's how to do it:Setting the Sub-Menu Item Font Size If you'd like to adjust the font size in of the sub-menu...

Divi Breadcrumbs Module – Showing First and Last Links Only

My Divi Breadcrumbs Module allows you to add breadcrumb links into your Divi Builder layouts. These links are automatically generated. For example, for a post the breadcrumb links will look something like: "Home > Category > Subcategory > Post Title". If...

Fix Divi Module Builder Changes not Applied

I been playing around with the brilliant Divi Module Builder from Divi Plugins. It lets you create new Divi modules almost as easily as creating a regular post - just by filling out a form right within your WordPress dashboard. While it makes creating modules insanely...

Implementing Tobias Ahlin's "Moving Letters" Text Effects in Divi

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...

Adding a Site-Wide Divi Builder Layout Below the Header

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...

Using Google Fonts in Divi

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...