How to make your slider control dots "hollow"
Divi
Making the Divi Slider Controls Square
Turn the little round dots at the bottom of your sliders into squares!
Make Divi Post Slider Module Image into a Clickable Link to the Post
Ever wish you could click anywhere on your Divi Builder Post Slider module and be taken straight to the post. Now you can…
Make Divi Accordion Module Tabs Closable
Finally, a way to get Divi accordion tabs to close!
Hide Secondary Menu Items in Mobile Menu
The Divi Theme allows you to set a primary menu in the main header and a secondary menu in the top header. If you view your site on mobile you may notice that the menu items from both menus are displayed within the same mobile menu. If you don't want this behavior,...
Remove Leading Zeros in the Countdown Module
The Divi Theme's countdown module allows you display a running timer which counts down to a given date and time. By default, the timer shows leading zeros on its numbers. Here's how you can remove those leading zeros. Remove the Leading Zero on the Days The number of...
Changing the Divi Mobile Menu Font Size
Here are several ways to change the font size for the Divi Theme's mobile menu, Set the mobile menu font size in Divi Booster Divi Booster includes an option to set the mobile menu font size. You can set it at:Divi > Divi Booster > Header > Mobile Header...
Hide the Phone Icon and/or Phone Number in Divi
Something I get asked from time to time is how to hide the phone number / icon the Divi Theme. Here's how to do it:Hide the Phone Number and Icon To hide both the phone number and icon, you can use the following CSS:...
WooCommerce: Show 4 Products per Row
When you set up WooCommerce with the Divi Theme, you'll find it creates you a page for your store. After adding some products, you'll find that your store has a 3 column layout, like so: If you'd prefer to have four items per row, you can add the following CSS to...
Add Space Between Fullwidth Portfolio Items
When used in grid mode, the Divi Builder's fullwidth portfolio module displays the featured images of projects right up against each other, as shown: If you'd prefer to have a bit of space between the images in your fullwidth portfolio grid, you can use the following...