[Update since Divi 4.0 release: The post below was a method utilised before the release of Divi 4.0 with the Theme Builder. But now, there's no need for any code when you need a custom footer layout. Click here for instructions on how to implement a custom footer...
Divi Theme
How to add a footer.php file to your Divi child theme
Haven't created your Divi child theme yet? Do this first: How to create a Divi child theme in simple steps (stylesheet only) Step 1: Log in to your website’s cpanel and click open the “File Manager”. You could also access your site files via FTP (File Transfer...
How to collapse Divi Page Builder four-column rows into two columns on mobile
In an effort to be mobile-friendly, Divi collapses your 4-column rows into 1 column on mobile. But sometimes the default one-column layout on mobile gets a little tired, or simply doesn't work for your busy page elements. This is especially so when you have several...
How to preview the available fonts in Divi theme for WordPress
The Divi theme by Elegant Themes now uses Google Fonts for its in-built font options. This is wonderful news for having plentiful options, but is also a crazy long list of options to choose from without being able to preview. If you were hoping to click through the...
How to adjust the layout of lists in Divi to have all text equally indented
If you don't want your list items to wrap around your bullet point for multiple lines, then here's a CSS snippet for you and your Divi website. The following CSS will position your list icons outside of the list content: /* Ul positioning */ .et_pb_text ul,...
How to replace the logo in the Divi navigation header with text
If you’re hoping to use your site title and tagline as the text to replace the logo, you can use the Divi Booster Plugin to do so, and then all you need is a tiny bit of CSS code to hide the logo. This pulls in the site title and tagline from your general settings...
How to Clear the Logo in the Divi Navigation Header (to Default Divi Logo)
Why would I want to clear the logo back to the default Divi logo? You probably don't...unless: You work as/for a website agency building multiple Divi sites starting from a backup of a previous or preferred installation. (For a preferred installation, you will most...
How to Hide the Logo from Divi Navigation Header
STEP 1: Log in to your WP Admin panel. STEP 2: Navigate to Divi>Theme Customizer. You can do this from the Admin Panel menu, or also from the front using the editing bar (see images). Admin panel (back end): Editing bar (front end): STEP 3: Select...
How to Hide the Logo from Divi Mobile Navigation Header
STEP 1: Log in to your WP Admin panel. STEP 2: Navigate to Divi>Theme Customizer. You can do this from the Admin Panel menu, or also from the front using the editing bar (see images). Admin panel (back end): Editing bar (front end): STEP 3: Click on...
How to apply custom style to text links in Divi
You can edit the colour of your text links in the Divi Theme Customizer. But what if you want more? The default link colour that you set might be generally great, but not work for every link. In addition, you may want to control more about the link style, but not have...
How to add a Google Font to your Divi website
Note: Divi now has Google Fonts built in! You can choose from Google Fonts in your Theme Customizer: How to Globally Change the Website Font in Divi Or you can select your desired Google Font in each module's "Design" settings on a case-by-case basis, if the font is...
How to adjust minimum height of Divi blog post grid tiles for consistency
Due to different title lengths, post summaries in the grid format may display with varying heights. For consistent heights on each grid tile across the rows, adjust the minimum height with the following CSS: /* Adjust Post Tile Height */ .et_pb_post { min-height:...