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...
Divi
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....
Change Default Mobile Content Width in Divi
Adjusting the default content width on mobile devices allows you to optimize the presentation of your website for smaller screens, ensuring your content appears more spacious or compact as desired. Increasing or decreasing the mobile content width can enhance...
Auto Admin Labels for Divi Modules
Divi modules, rows, and sections can have custom admin labels that make it easier to locate specific elements in Divi Builder layouts, when viewed in wireframe mode. When new modules are added to the page, their admin labels default to the module type, for instance,...
Changing the WooCommerce Item Cart Count Text
The Divi Theme comes with WooCommerce integration. As part of this, when a user adds items from your WooCommerce store into their cart, a cart icon will show up in the Divi header. Alongside this is text showing how many items are in the cart, e.g. "3 Items". But what...