Divi Booster Feature List
I'm constantly adding new Divi configuration options to Divi Booster. Here's the full list of features. If there is something you'd love to see added, please let me know in the comments and I'll do my best to add it.
NB: Features marked (E) are confirmed as working in Extra. I've only just started documenting this here, though, so more features will work in Extra than are noted below.
Site-wide Settings
Icons
- Add custom icons for use in modules
- Add more social media icons
- Open social media icon links in a new tab (E)
Layout
- Add an image before the header (E)
- Add a "sticky" widget area to left of screen
- Make the main content overlap the header in box layout
- Remove box layout shadow
- Set mobile content width
Links
Site Speed
- Enable compression to reduce download times
- Stop map module excerpts from unnecessarily loading maps scripts
Header
Top Header
- Put all icons on the right
- Show secondary nav bar social icons on mobiles
- Link hover color
- Put social icons on the right
- Add text to top header (on left-hand side)
- Make phone number a "click to call" link
Main Header
- Add new widget area below the navigation links
- Vertically center the header links
- Fix the header menu width / magnifying glass issue
- Don't shrink the header until user scrolls down by a set amount
- Use mobile header menu button on desktops too
- Hide the header bottom border
- Don't shrink header on scroll
- Hide the header completely
- Header minimum height
- Submenu item hover background color
- Menu link hover color
- Fix sub-menu link colors on single page navigation
- Space between menu items
- Change logo link URL
- Search icon hover color
- Show site title and tagline in header
- Add vertical separator bars between menu items
Mobile Header
- Use an "app-style" header layout on mobiles
- Hide the search icon on mobiles
- Add text before the menu button
- Mobile menu font size
- Hide secondary menu items in mobile menu
- Change centered menu "Select Page" text
- Change centered menu "Select Page" background color
Posts
- Make featured images as wide as the content area
- Fix comment button responsiveness
- Prevent featured post height cropping
- Don't stretch featured images
- Open linked images in a lightbox
Sidebar
Footer
- Center the footer links
- Replace footer links with text / HTML
- Set footer content width
Divi Builder
Standard Builder
- Make Divi Builder settings pop-ups full screen
- Enable Divi Builder on Custom Post Types
- Use main layout library
- Set minimum CTA button width
- Add Page Layout option on Divi Builder pages / supported CPTs
- Enable Divi Builder by default on new pages / posts
- Show mobile icon on hover in module settings
Visual Builder
- Show hover border on modules
- Hide visual builder
- Move publish buttons to left
Modules
NB: Module features marked (*) can be set on individual modules from within the module settings. Other features apply to all instances of the module.
Accordion
Blurb
Countdown
- Hide leading zero on days
- Use custom labels (for days, hours, mins and secs) (*)
Email Optin
- Use horizontal subscribe module style (*)
Gallery
- Change the grid layout default image sizes
- Set the grid layout border color
- Center the images in grid view thumbnails
- Disable gallery image "slide in" effect
- Hide gallery image titles (but not the captions)
- Set images per row (*)
- Set image max width (*)
- Set image max height (*)
- Set image row spacing (*)
- Set image scaling within bounding box (*)
- Set image title alignment (*)
Header (Full Width)
Map
Portfolio
- Grid layout default image sizes
- Make grid images fill the container
- Change the order of items in the portfolio (default, reverse or random) (*)
Portfolio (Filterable)
- Grid layout default image sizes
- Make grid images fill the container
- Change the order of items in the portfolio (default, reverse or random) (*)
Portfolio (Full Width)
- Add space between project images (grid view)
- Stop project images from being stretched / cropped
- Change the order of items in the portfolio (default, reverse or random) (*)
Post Navigation
Post Slider
- Make slide image link to post
- Make post slider controls square
- Make post slider controls hollow
- Set slider height (*)
Post Slider (Full Width)
- Set slider height (*)
Pricing Table
- Fix pricing table excluded feature space issue
- Use improved pricing table style
- Use rounded pricing table corners
- Use + and x feature bullet graphics
- Strike-through unavailable features
Slider
- Set default slider height
- Add background (color / opacity) to slider text
- Put slider images on the right
- Open slider links in a new tab
- Disable slider image "slide in" effect
- Make slider controls square
- Make slider controls hollow
- Make slide image link to button URL
- Set slider height (*)
- Add second button to slides (*)
- Add background link URL to slides (*)
Slider (Full Width)
- Set slider height (on individual sliders)
- Set at "Fullwidth Slider Settings > Design > Sizing > Height"
- Add second button to slides (on individual slides)
- Set button text at "Slide Settings > Content > Text > Button #2 Text"
- Set button URL at "Slide Settings > Content > Link > Button #2 Link URL"
- Add background link URL to slides (on individual slides)
- Set at "Slide Settings > Content > Background > Background Image URL"
- Set at "Slide Settings > Content > Background > Background Image URL"
Text
- Increase spacing around bullet lists
Video
Plugins
Easy Digital Downloads
WooCommerce
Other
- Fix Simple LightBox overlap with Divi top header
- Fix PageLoader by Bonfire page layout issues on Chrome
CSS Manager
- View your Divi Custom CSS
- Apply CSS by user type (logged in, non-logged in)
- Apply CSS to a specific page or post
- Apply CSS to specific layouts (boxed, vertical navigation, etc)
- Apply CSS to a specific browser (Chrome, Firefox, IE, Safari, Opera, Lynx)
- Apply CSS to a specific platform (Windows, Mac, Linux, iPhone)
- Apply CSS to a screen width range (based on Divi's natural breakpoints)
Developer Tools
Import / Export
- Export your Divi Booster settings to a file
- Import Divi Booster settings from a file
Generated CSS
- Use inline CSS (default is a separate file)
- Disable CSS minification
- View the CSS generated by the plugin
Generated JS
- Use inline JavaScript (default is a separate file)
- Disable JavaScript minification
- View the JavaScript generated by the plugin
Generated Footer HTML
- View the HTML generated by the plugin
Generated .htaccess Rules
- View the .htaccess rules generated by the plugin
Deprecated Features
Divi Booster also contains a number of older features which can now be achieved within Divi itself. These features remain available for the benefit of users running older versions of Divi.
Want get more out of Divi?
Hundreds of new features for Divi
in one easy-to-use plugin
Good Day… the Second Button on the Full Width Slider isnt showing up when I type in the information… Please Help
Hey Jason, sorry you've been having this issue. Does the button show when you save and view the final page on the front-end?
I've just checked this out on my test site and the second button is showing up correctly there. Is there any chance you're able to send through a link to the page with your slider so that I can take a look at how you currently have it set up? If you're also willing to share login details so that I can check it out in the visual builder itself, please do (you can send these through the contact form).
Thanks!
I'm finding it very difficult managing our Newsletter collection. I display them in a 4X20 grid using Blog modules but it's difficult to maintain. Here's the issue:
If I use a row with 4 columns and populate each column with a Blurb module and then copy that row 20 times I would have a 4×20 grid of blurb modules. I would then edit each Blurb with an image on the first page of the PDF with a link to the actual PDF media file. I would give it a title below the image and I’m done. Do the same thing for the next blurb module and so on 80 times.
Now I have my 80 PDFs displayed as a 4×20 grid layout and I’m happy. Lot of work but done.
Next month I want to add the next newsletter to the beginning of my 4×20 grid. The first thing I need to do is move each of my blurb modules to the right by 1 place starting at the bottom and working my way up for all 80. Then I create a new blurb module at the top for the new PDF. After several years I’m moving over 100 modules just to add 1 new one.
Yes, I could just add a new row at the top of the original grid and put 1 PDF in it but it does not look good at all that way.
I would like to use something similar to the Gallery module so that all I would have to do is add the new pdf with its link and Caption to the beginning of the PDF Gallery items. All of the other items would shift to the right automatically.
Does that make sense?
The Divi site I'm using it on now is staging3.floridabluebirdsociety.org
Hi Ken, that makes sense. Maybe something like this will help you…?
https://divibooster.com/automatically-laid-out-blurb-modules/
Hi, I have tried to write for the contact page, but it is not sent, the recaptcha does not work, so I can only write here.
I would like to buy the Divi LearnDash Kit. But I have some doubts:
Do I have to have Divi Booster installed?
What is the difference between Divi LearnDash Kit and Learn Dash?
Does it include a payment system or do I have to install Woocommerce?
Is there a way to use a demo?
The purpose is to want to make a website of online courses, through payment, subscription. I would like to know if your Divi LearnDash Kit plugin meets all of this.
Thanks a lot.
Hi Andrés, thanks for getting in touch.
At a minimum, you'd need LearnDash. It will lets you define the course structure and content, and supports subscription payments. PayPal payment support is built-in but there are also plenty of LearnDash add-ons for integrating with other payment gateways (including Woocommerce, should you want to).
Divi LearnDash Kit is a plugin which adds features to make using LearnDash with the Divi Builder easier. In particular, it adds Divi Builder modules which correspond to LearnDash components / shortcodes, and thus makes it easier to lay out your course, lesson, etc, pages using the Divi Builder (and intermingle LearnDash components with standard Divi Builder modules). It also fixes some conflicts that arise when LearnDash and Divi are used together. It requires LearnDash to be be enabled.
You don't need Divi Booster to use Divi LearnDash Kit, though you can run the plugins on the same site should you need any of the Divi enhancements in Divi Booster.
There isn't a demo version of Divi LearnDash Kit, but if you'd like to try it out and find it isn't what you need, I'll be more than happy to refund you in full.
I hope that helps, but please give me a shout if you have any further questions. Thanks!
P.S. Thanks for letting me know about the issue you were having with the recaptcha. I'll look into it, and have switched back to a basic recaptcha in the meantime so the contact form should be working now.