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...
Increase the Divi Button Module Button Width
Adjusting the width of buttons on your Divi pages can enhance visual appeal and improve user experience by making actions more noticeable and interactive. In this guide we show you the different ways in which you can increase the width of a Divi button module...
Adding Breadcrumbs to the Divi Builder
A common and useful feature of many websites is breadcrumb navigation links. Breadcrumb links are a list of links usually starting with the homepage and working down through more and more specific categories, ending at the current page. This helps users understand...
Enabling Shortcodes in Divi Module Fields
The Divi Theme's many modules include a variety of fields in which you can enter URLs and text to be displayed by the modules. In many cases, however, these are limited to the static text you type into the modules' settings. What if you want to use be able to...
Make the Divi Header Hidden Initially (but with the Logo Showing)
A neat header effect some sites are using is to have an initially invisible header menu with just the logo showing over the content of the page. Then when the user scrolls down the header is revealed and the logo takes up its rightful place within it. Here's how to...
Customizing Divi Author Pages
The Divi Theme doesn't currently offer much in the way of options for customizing the author post listings pages (the pages that show all the posts by a single author). This post gives some options for styling the author post pages, which will hopefully give you a...
Creating Filterable "Portfolios" of Posts and Custom Post Types
Divi includes a filterable portfolio module which makes it easy to display your projects, and allow your users to filter them by category. However, this requires you to use the "projects" custom post type defined by Divi. But what if you want to display some other...
Add a Slide-in Call-to-Action to Divi
Slide-in Call-to-Action (CTA) elements are a good way to grab your users' attention and boost conversions. Here's an easy way to add a slide-in section to Divi. It slides-in an entire Divi Builder section into the bottom-right of the window as the user scrolls down....