Divi uses the values entered in a module's settings to generate the HTML output for the module. While Divi provides filters to modify the module setting values before they are used, it doesn't typically provide a way of modifying the values as they are finally used in...
Blog
Make a Divi Button Popup a Calendly Widget
Calendly lets you manage your calendar and appointment scheduling. It includes an option to embed widgets within your website. While Calendly includes the option of embedding a popup, if you want the popup to be triggered by a Divi button, here's a way to do...
Show Posts for a Specific Author in the Divi Blog Module
Divi's blog module lets you display a list of posts, optionally filtered by category. If you instead need to show only the posts by a specific author, here's how to do it.Filter Blog Module Posts by Author using Divi Booster Divi Booster adds an option for filtering...
Open a Toggle Module when Linking to the Page
Divi includes a Toggle module which lets you display a content in an expandable box. The toggle module can be configured to start open or closed. But if you'd like to be able to selectively open the toggle module when linking from another page, here's how to do it....
Styling the Filterable Portfolio Module Tabs
Divi includes a filterable portfolio module which lets you display your projects along with "tab" buttons that let your users select particular categories of project to view. Here's some tips for styling the filterable portfolio module tabs. First, though, here's how...
Make Woo Products Module Items Equal Height
Divi includes a Woo Products module (formally called the Shop module), which can display a grid of products from your WooCommerce store. The heights of the products can vary depending on their contents, leading to an uneven grid. Here's how to equalize the heights of...
Add an "Add to Cart" Button to the Woo Products Module
Divi includes a WooCommerce Products module (formally called the Shop module), which can display a grid of products from your WooCommerce store. Here's how to add an "Add to Cart" button to the products in the products module, and some tips for configuring these...
Change Logo Size on Mobile
If you need to change the size of your Divi theme header logo on mobile, here's how to do it for some of Divi's header formats.Change Mobile Logo Size (Centered Header) For the "Centered" format, you can change the size of the logo on mobile with the following CSS:...