Divi Booster Plugin

Divi Booster upgrades Divi with all the features you need to build awesome sites with ease

  • Easy to use - no code required
  • Build better sites - with hundreds of options not available in Divi
  • Work smarter - and get your site done in less time

Lifetime license. Nothing more to pay.
Automatic updates. 90 day money back guarantee.

Divi 5 Support on the Way!

Divi plugin product image

WP 6.8.1 Compatible

The Ultimate Divi Plugin for Effortless, Feature-Rich Sites

Divi Booster was the first Divi plugin ever released and has been under continual development ever since. It adds the features to Divi that you need to get your site done quickly and well.

No Code Required

Divi Booster makes hundreds of new features available to you through simple settings. Get your work done without messing around with CSS, JavaScript and PHP code.

Build Better Sites

With the new settings added by Divi Booster you can achieve things that are next to impossible with Divi alone. Take your designs to the next level and delight your clients and users.

Get it Done

Don't waste hours and days on your problem. Divi Booster is the product of years of work solving problems on behalf of Divi users like yourself. Do the smart thing and take advantage of that.

"Divi Booster is a great product and we’ve never really needed support for it but, on the one occasion we needed advice, Dan was super helpful." – Will Nuttall, Absolute Media

Divi Booster Features

Divi Booster adds hundreds of new settings to Divi and the built-in Divi modules giving you greater control over almost every part of your site. Here, in detail, is what you can do with Divi Booster…

Site-wide Settings

N

Improve Accessibility

Enable zooming for improved accessibility. Add "aria-label" attribute to the logo for better screen reader support.

N

Add More Social Media Icons

Choose from 250+ additional social media icons for you header and footer. Open the social media links in a new tab.

N

Upload your Own Icons

Upload your own custom icons (e.g. in png, jpg or svg format) and use them in any Divi module with icon settings.

N

Add an Image above the Header

Add your choice of image above the default header and optionally make it linked.

N

Add a Sticky Widget Area

Ideal for displaying social media follow buttons prominently on the side of the screen.

N

Style the Box Layout

Make main content overlap the header in box layout. Remove the box layout shadow.

N

Set the Mobile Content Width

Increase the content width on mobile for a more comfortable reading width.

N

Improve Link Handling

Fix Divi anchor link scrolling issues. Open linked images in a lightbox instead of as a plain image.

N

Speed up your Site

Enable compression to reduce download times. Stop map module excerpts from unnecessarily loading maps scripts.

Main & Secondary Header

N

Rearrange the Top Header Bar

Put social icons on the right or move all header elements (phone, email, etc.) to right. 

N

Show Top Header Social Icons on Mobile

Show secondary nav bar social icons on mobile so phone users can find your social accounts too.

N

Add Text to the Top Header

Perfect for displaying tag lines, important information and current promotions.

N

Change the Menu Link Hover Color

Divi Booster lets you change the top menu link hover color to suit your branding.

N

Hide the Top Header on the Fixed Header

Choose to hide the top header bar when scrolling down to keep your fixed header uncluttered.

N

Add Widget Area below the Navigation Links

Prominently display a call-to-action button or phone number below the main menu.

N

Style the Main Menu Links

Vertically center the menu links. Adjust the space between them. Add separator bars between them. Set their hover color.

N

Style the Search Icon

Stop the magnifying glass from going onto a new line. Change the search icon hover color.

N

Customize the Fixed Header

Stop the header from shrinking on scroll. Delay activation of the fixed header until the user scrolls further down.

N

Use the Mobile Menu Button on Desktop

Keep your header as clear on desktop as it is on mobile by replacing the main menu with the hamburger mobile menu button.

N

Customize the Main Header

Hide the header bottom border line. Set the header minimum height. Or hide the main header completely.

N

Improve the Dropdown Menus

Change the submenu item background hover color. Fix sub-menu link colors on single page navigation.

N

Change the Logo Link URL

Set a new link URL for the logo, ideal for directing users to a parent site or an about us or landing page

N

Show the Site Title / Tagline in the Header

Improve site speed by replacing your logo with a text version of your site name. Or add it beside the logo to strengthen your branding.

Mobile Header

N

Use an App-Style Header Layout

Make the logo and menu use more of the available header space for a wider, more native app-like feel. 

N

Customize Mobile Search

Stop the search box from overlapping the logo. Or hide the search icon on mobiles.

N

Customize the Mobile Menu Button

Add a text label beside the menu button. Change the mobile menu button color.

N

Improve the Mobile Menu

Change the mobile menu font size. Hide secondary menu items in mobile menu.

N

Customize the Centered Header on Mobile

Change the centered header mobile menu "Select Page" text. Choose the "Select Page" background color.

Posts & Projects

N

Wider Featured Images

Make featured images on standard posts full-width, above the post title and side bar.

N

Better Comment Buttons

Let your users enjoy reading your posts distraction-free by hiding the sidebar when the don't need it.

N

Prevent Featured Image Cropping

Display your tall featured images as they are meant to be seen – without cropping.

N

Prevent Featured Image Stretching

When you have a narrow featured image Divi will stretch it to fill the post area. Prevent this from happening and display it at its natural width.

N

Rename the Project Custom Post Type

Whatever you use the project post type for – art works, websites, architectural designs, podcasts – rename it to match. 

Sidebar & Footer

N

Style the Sidebar

Change the sidebar background color. Hide the vertical dividing line between the sidebar and content.

N

Make the Sidebar Collapsible

Let your users enjoy reading your posts distraction-free by hiding the sidebar when then don't need it.

N

Wider Footer Area

Adjust the layout of the footer by making its content wider (or narrower) to best fit your design.

N

Customize the Footer Menu

Select to align the footer menu to the left, right or center. Set the top and bottom padding.

N

Replace the Footer Credits

Replace the footer credit links with your own text, using handy shortcodes to display an auto-updating copyright date. 

N

Format the Footer Credits

Center the footer credits. Adjust the top and bottom padding on both the footer bottom bar and footer credits.

Divi Builder

N

Enable Divi Builder on Custom Post Types

Enable the Divi Builder on all supported custom post types. Choose to use the main layout library for all post types.

N

Set a Minimum Button Width

Ensure all your Divi buttons across all your modules have a minimum width for easy clicking and visibility.

N

Add Page Layout on Pages / CPTs

Make the Divi settings page layout option available on pages and supported custom post types.

N

Enable Divi Builder by Default

Streamline your post / page creation by making Divi Builder the default editor on new posts and pages.

N

Full-screen Classic Builder

If you still use the classic builder, give yourself more space to work by making the settings modals full-screen.

N

Hide the Visual Builder

Don't need the visual builder? Then hide it and keep your site focused and tidy.

N

Move Visual Builder Save Buttons to Left

If your visual builder save buttons are being overlapped by a chat widget on the right, move them to the left for easier access.

N

Hide Divi Cloud

Not using Divi's premium cloud library feature? Then hide the Divi Cloud settings and upsells for a cleaner Divi Builder.

Other Customizations

N

Distraction-Free EDD Checkout

If you're using Easy Digital Downloads, improve your checkout by removing unnecessary Divi components

N

Customize WooCommerce

Remove the WooCommerce cart icon from the header. Make the WooCommerce store display 4 items per row.

N

Fix Plugin Conflicts

Divi Booster fixes conflicts between Divi and the Simple LightBox and PageLoader plugins.

N

CSS Manager

Manage custom CSS, easily applying it to specific user types, pages, and devices.

N

Developer Tools

Import / Export your Divi Booster settings. Control its CSS and JavaScript loading and minification.

Accordion Module

N

All Closed or All Open

Prevent the first accordion toggle from starting open, and make your accordions start fully closed instead. Or open everything.

N

Make Accordions Closeable

Make your accordions closeable and let your users collapse accordion toggles when they are done reading them.

Blog Module

N

Filter by Author

Configure any blog module to show only those posts written by a particular author / user.

N

Display Post Tags

Show the post tags beside, or instead of, the post categories in the blog module post metadata.

Contact Form Module

N

Send User a Confirmation Email

When the user submits the contact form, send them a fully-configurable confirmation email.

N

Blacklist Email Addresses

Block spam from persistent senders by banning specific emails, entire domains or keywords.

Countdown Timer Module

N

Hide Leading Zero on Days

Sharpen up your Divi countdown timer by removing the first zero in the days remaining giving each component two digits.

N

Change Countdown Labels

Modify the text of the countdown labels (days, hours, minutes, seconds) to suit your site / language.

Gallery Module

N

Set Images per Row

Control how many images are displayed in each row of the gallery when in grid mode.

N

Control Image Sizing

Set the image area width and height and control how the image fills that space.

N

Disable Slide-in Effect

Normally the gallery grid images slide in from the left on load – disable this effect if you don't want it.

N

Style the Slider Arrows

Hide or control the color, size, shadow and icons used for the slider navigation arrows.

N

Style the Slider Dot Navigation

Hide or change the slider navigation dots' active color, inactive color, size and border styles. 

N

Cursor-Following Slider Arrow

On hover, the mouse pointer becomes the left or right slider arrow (depending on the side of the slider you hover over). 

N

Slider Image Count

Display a count of the current slide (e.g "2 of 4") under the slider, and style it how you like.

N

Disable the Lightbox

Prevent the gallery module images from opening in a lightbox when clicked.

N

Customize the Lightbox Image Title

Set the lightbox image title font styles and text alignment. Or choose to just disable the title altogether.

N

Customize the Lightbox Image Count

Change the text styles of the lightbox image count. Change its separator. Change its alignment. Or hide it.

N

Set Lightbox Background Colors

Set your choice of color (and opacity) for the lightbox overlay and image backgrounds.

N

Style the Lightbox Arrows

Easily configure the color, size and shadow of the lightbox navigation arrows.

N

Style the Lightbox Close Button

Control the look of the lightbox close icon with settings for its color, size and shadow.

N

Set the Image Sort Order

Choose how your images are sorted with new sort orders: reverse, alphabetical, alphabetical (reverse), by ID, and by ID (reverse)

Header Module (Full-width)

N

Make Scroll Down Icon Bounce

Draw attention to the rest of your content by giving the scroll down icon a gentle bouncing animation.

N

Fix IE Display Issue

Need to support Internet Explorer? Fix display issues in IE so that your headers look the same in all browsers.

Login Module

N

Custom Redirect URL

Want to send users to a particular page after login. Do it easily with the option to set a custom redirect URL.

Map Module

N

Change Map Pin Icon

Brand or personalize your Google Maps by uploading a custom image to use as the map pin icon.

N

Open Map Pin Details Immediately

Choose whether Divi map module marker pin details should be displayed right away or not.

Menu Module

N

Adjust Menu Link Spacing

Need to space out the items in your menu? With the option to adjust the menu link spacing, now you can.

N

Add Menu Link Separator Bars

Choose to add vertical separator bars between your menu items for a clear, usable menu.

N

Add Site Title / Tagline

Replace or enhance the menu module logo with the site title and / or the tagline.

Person Module

N

Add New Icons

Enhance the person module with additional icons for the person's email address, website and Instagram profile.

N

Open Icons in New Tab

Opt to open the Divi person module's social media links in a new tab so that the user can easily keep the main page open.

Portfolio Module

N

Set Images per Row

Customize the portfolio and filterable portfolio by a new default number of images per row.

N

Set Image Sizes

Resize the portfolio and filterable portfolio module with a new default width and height.

N

Make Images Fill the Image Area

Choose to make the portfolio and filterable portfolio module images expand to fully fill the available image area.

N

Increase Image Spacing

Normally the fullwidth portfolio images have no space between one another. Add gaps between them instead.

N

Stop Image Stretching and Cropping

Prevent the fullwidth portfolio from stretching or cropping images and have them full display in the image area instead.

N

Change Project Order

Sort any portfolio module by your choice of default ordering, reverse, random or your own custom order (specified by id).

N

Change Active Filter Tab

Set a particular category (instead of "All") as the default in the filterable portfolio module.

N

Change Tab Order

Sort your portfolio's filter tabs by the default ordering, reverse, random or your own custom order (by slug), or move "All" to the end.

Post Navigation Module

N

Swap Next and Previous Links

Make the post slider module fit your language or content flow by swapping the pagination links.

Post Slider Module

N

Link Slide Images to Posts

Let your users click anywhere on the post slider module image to be taken to the corresponding post.

N

Style the Dot Navigation

Change the look of the post slider navigation dots by making them square and/or hollow.

Post Title Module

N

Display Post Tags

Show the post tags beside, or instead of, the post categories in the post title module metadata.

Pricing Table Module

N

Upgrade the Default Styles

With one-click, apply improved styles to the pricing table, created by designer Geno Quiroz.

N

Use Rounded Corners

Soften the look of the pricing table module by rounding off the pricing table corners.

N

Apply Bullet List Icons

Convert the bullet list dots in the feature list into green check mark and red cross icons.

N

Strike-through Unavailable Features

Make it clearer what you do and don't offer by applying a strike-through effect to the unavailable features.

Signup / Email Optin Module

N

Switch to a Horizontal Layout

Use the email optin module inline in your pages with a sleek horizontal layout, created by designer Geno Quiroz.

N

Enable Button "Rocking" Animation

Draw attention to the email signup form with a subtle yet eye-catching animation on the submit button.

Slider Module

N

Add Slide Text Background

Highlight your slide text with a background. Choose the color, opacity and corner roundness.

N

Swap the Slide Image and Text

Switch the position of the slide image and text to put the text on the left and the slide image on the right.

N

Open Links in a New Tab

Configure slider links to open in a new tab so that users can easily return to the slider and explore the rest of your slides.

N

Style the Dot Navigation

Change the look of the slider navigation dots by making them square and/or hollow.

N

Randomize the Slides

Make sure every slide gets the attention it deserves by randomizing the slide order on each page load.

N

Run the Animation Once

Want your slider to run through the slides only once? With the option to run the animation once, you can do just that.

N

Add a Second Slide Button

Enhance your slides with a second button linked to a URL of your choice. Inherits the built-in button's styles, or set its own styles.

Social Media Follow Module

N

300+ More Icons

Divi Booster adds over 300 new icons to the Divi social media follow module, so can choose from all the most popular social networks.

N

Upload your Own Icons

With the option to upload your own images as icons, now you can ensure that all the social networks you need are available.

Text Module

N

Increase Bullet List Spacing

Avoid cramped bullet lists by enabling a more spacious default bullet list spacing.

Video Module

N

Limit YouTube Related Videos to Same Channel

Keep your user's attention by restricting the related videos that YouTube shows at the end to videos in your own channel.

"Great product"

Divi Booster is a great product and we’ve never really needed support for it but, on the one occasion we needed advice, Dan was super helpful.

Will Nuttall

Absolute Media

"Support was excellent"

This plugin does exactly what I needed it to do. I do not have any developer skills, but support was excellent and resolved all of the questions I had quickly.

Karrie McLellan

"Client is very pleased"

Divi Booster is fantastic. I used this plugin to improve the header area and footer area on a client's website. My client is very pleased.

Jim Juris

Divi Booster Plugin

Automatic updates. No recurring fees.
90 day money back guarantee.

Divi 5 Compatibility Coming Soon

Got a Question?

1,089 Comments

  1. This plugin is absolutely brilliant!

    I've been using divi since its release on multiple websites. It's been a huge pita to dig into the code and change simple css dozens of times. My custom css files become a complete mess. It's even worse when ET releases a major update and I have to restyle all over again. This plugin will save SO much time, simply with the CSS manager alone!

    The other features are really awesome as well, notable the divi builder in posts. That alone is worth buying this plugin for. Adding widgets to the header, and floating sidebar widgets are also really awesome.

    I'm so happy to have come across this plugin. Keep up the great work!

    Reply
  2. Hey there,

    Great plugin. I've put in all of my little tweaks to Divi through the booster, including any custom CSS changes into their own manageable sections. All seems well except for one CSS change I've tried to make. I am a novice with CSS itself so I assume this is some type of authority to the processing of CSS rules. Here is what I found.

    I want to hide certain modules when on a small screen. So I've setup a custom ID called 'mse-hide-on-mobile' which I use in the module ID area of the Page Builder of the item I want to hide.

    The CSS code looks like this:

    @media only screen and (max-width: 479px) {
    #mse-hide-on-mobile {
    display:none !important;
    }
    }

    However, it only works when I include it in the traditional ePanel custom CSS area. If I include this particular change in a custom section of Divi Builder it doesn't seem to process. Every other tweak I made seems to work, but not this one. Any suggestions? Just pointing this out. I am working around it by keeping this one change in the ePanel area.

    Reply
    • Hi Dan, I think the problem is that you are adding using an @media command to set the screen width, and then the CSS manager is adding another one (in order to allow targeting to particular screen widths). This is resulting in invalid CSS. To avoid this, create a new CSS manager box, set the screen width to "smartphones, portrait (0-479px)", then put in the following CSS:

      #mse-hide-on-mobile {
      display:none !important;
      }
      

      The CSS manager will take care of the @media command and will end up producing the same CSS you had before.

      Long-term I hope to write code to merge the generated media query with the user-supplied query so this wouldn't be a problem.

      Reply
      • Ah, I get it! perfect solution. I'll move the change back into the booster.

        Thanks!

        Reply
  3. Hi Dan!

    I just installed your divi booster and so far it's been great! However, I'm still having some difficulties with my full width image scaling. When I resize my window, the top and bottom of the image would be cropped and loses its resolution. Any way to fix this issue?

    Thanks a bunch! :)

    Reply
    • Hi Tina,

      At the moment the plugin only affects the height of the full-width image on large screen widths. For smaller screen widths, it defaults back to the standard Divi height settings (which is why you see the image being cropped).

      I'm planning on improving this feature to better handle small screens as soon as I can. I'll let you know when I have a better solution in place.

      Reply
  4. Hey Dan,

    I really like your plugin. But I am having trouble trying to figure out one problem with it. All of my full-width sliders have a 30 pixel tall, full width white space below them, which splits the two sections apart. You can see for yourself here: http://imhome.net/the-woodlands/ How do I get rid of that space? Thank you.

    Reply
    • Hey Brad,

      I'm not quite sure if this is caused by the use of parallax or the fact that the slide image is 932px which the full slider is 950px tall. I suspect it's a combination of the both. I'll look into ways to handle this in the plugin, but for now you can fix it by setting the slide height to be the same as the slider height, e.g. using CSS like so:

      .et_pb_slide { height: 950px; }

      Reply
  5. Hello,

    Why don't you moderate my previous comments ?
    Is there a problem with the issue I show here ?

    Regards
    Ludovic

    Reply
  6. Hello,

    I install Wordpress 4.1.1, Divi 2.2 and DiviBooster 1.1.9.All with last version. No more plugin. Simple installation.

    I activate Page Builder for posts and custom post types.

    I create a simple post to test it :
    see : http://www.screencast.com/t/IUCFB9TUOQ

    The sidebare is OFF but the result is 2 sidebars, one on the other (that of the post and the PageBuilder) : see : http://www.screencast.com/t/NxeqUtcC

    How can I fix it ?

    Pending your help.

    Regards.
    Ludovic

    Reply
  7. Hello,

    When I activate the pagebuilder feature for the posts, when I use specific section with sidebar, I have the 2 sidebars. The sideBar of the post without using PageBuilder and hover the sidebar I choose in the pagebuilder module.

    How can I fix it ?

    Thanks.

    Reply
  8. Hi there! I am having trouble hiding the search icon on mobile devices. I am using Divi Booster, but it doesn't seem to recognize that setting. Do you know if there is some other setting that might interfere with this? Thanks!

    Reply
    • Hi Tanya, it looks like the latest version of Divi was overriding the Divi Booster setting. I've just released an update for the plugin which fixes this, which you can get by updating the plugin from your WordPress plugins page.

      Reply
  9. The perfect plugin for divi user's, thanks a lot :)

    Reply
  10. Hi, Dan. You rock! Thank you for this brilliant plugin!

    Reply
  11. Dan,

    I saw update 1.1.7 of Divi Booster IS available. I'm still running 1.0.5 and it says there are no updates available. Yes, I've activated the license…

    Reply
    • Hey Han, I'm not sure what would be causing this. On my test site version 1.0.5 is picking up the updates…

      Perhaps the first thing to try is manually updating and seeing if that fixes the problem for future updates. Can I ask you to you download the latest version of Divi Booster and install it (removing version 1.0.5 first)?

      Let me know if you need me to resend the download link to you.

      Reply
      • Hi Dan, Yes please send me a new download link: "Sorry but your download link has expired".

        I'll let you know the result ASAP.

        Reply
        • Han, I've resent the link.

          Reply
          • Man your fast! I've replace the old version with the new one. Now I only need to wait for another update.

            Can I check somewhere on your site what the latest version is? So I know the auto-update is working.

          • Ha ha!

            I've just released a new version of the plugin (new version number – no new functionality). If you go to the plugins page and click on the "check for updates" link beside Divi Booster, it should hopefully pick up the update.

            I don't currently somewhere you can check the version number (I'll try to add that – though I'll need to write some code to auto update it, otherwise it'll probably end up out of date!).

  12. Dan,

    Where is the right place to make Feature Requests for the Plugin? Is it here?

    Could I feature request the following:

    Under Top Header section … add the function ….

    Center align the top header email and phone number

    Yeah … I'd like to do this … especially pertinent when you have centred the logo and the Main Menu links.

    Thanks, Regards Mark

    Reply
    • Hey Mark, this is the right place for now (I'm working to set up a proper forum / feature request area). Thanks for the suggestion – it's a good one. I'll add it my list and hopefully get it into Divi Booster in the near future. Thanks!

      Reply

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.