Divi

Changing the Secondary Header Text and Icon Hover Colors

The secondary header in the Divi Theme allows you to display details such as your phone number, email address, social icons and a secondary menu. You can easily change the non-hover color of these items using the following built-in Divi option: Divi > Theme...

Changing the Footer Content Width on Mobiles

The Divi Theme comes with an option to set adjust the "content" width of your site. This lets you choose how wide your want your site's content to be (the default is 1080px). However, there is no equivalent option for setting the footer content width on mobile devices...

How to Set the Height of a Divi Slider Module

The Divi Slider Module lets you easily add image sliders on your website. In this post, we will walk you through the steps to set the height of a Divi Slider Module. Setting the slider height in the module settings Start by editing the page where the Divi Slider...

A Distraction-Free EDD Checkout in Divi

It's generally believed that cleaner, less cluttered checkout pages tend to lead to increased sales. If you're using Easy Digital Downloads with the Divi Theme, you may like to remove some of the unnecessary Divi components from your checkout page. Examples of things...

Change the Divi Countdown Timer Labels

Divi comes with a countdown timer module that lets you display the days, hours, minutes and seconds left until an event. The module doesn't currently give you an option to change the "Day(s)", "Hour(s)", "Minute(s)" and "Second(s)" text to something of your choosing....

Changing the Divi Phone and Email Icons

The Divi Theme secondary header lets you add a phone number and email address, and displays these along with a corresponding icon. However, there is no way to change the icon, should you want to do so. Here are a few ways that you can change the phone and email to...

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

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

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

How to Use a List Layout in the Divi Blog Module

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