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. Hey Dan,

    I am a happy user of Your plugin.
    Recently found out on some blog, that your plugin used to have "add social icons to top header" feature.
    Where is it? Or the info is incorrect?

    Reply
    • Hi Mr K. The feature is still there. It's under "General > Add more social media icons". The reason that it's not in the top header section is that Divi gives you the option of showing the same social media icons in the header, the footer, or both. Thanks!

      Reply
  2. Hi!

    I just purchased the Divi Booster and, so far, it's working great! I was able to add extra social media icons to the footer, however, I need the links to open in a new window. Is there an easy way I can make this happen?

    Thanks so much!

    Reply
    • Hey Kimberley, I have an update coming out in the next day or so which adds an option for this :)

      Reply
  3. i just want to say thank you Dan, your tools made a whole new Theme with wonderful Features,
    also Dan has been kindly applied all of my suggestions and he also helped me to fix other plugin's problems!

    I really Appreciate all your work Dan, you are great person

    Reply
    • Thanks Farshid, it was a pleasure helping you out :)

      Reply
  4. Hi Dan,

    Divi Booster suddenly stopped working for me. Doesn't matter what I do. Nothing I click on changes anything.

    Please help! I am a newbie!

    Thanks, Michelle

    Reply
    • Hey Michelle, it sounds like something is causing a JavaScript error on the page, which is stopping Divi Booster's own JavaScript from working. If you installed another plugin just before the error started happening, try disabling it and see if it fixes the issue in Divi Booster. If not, can you go to the Divi Booster page in Google Chrome, then press "F12" and click the "Console" tab of the box that appears. If there are any errors (in red), please let me know what they say. Thanks.

      Reply
  5. Dan,

    I love the feature for Divi Booster of being able to add an image above the main header. It was just what I was looking for.

    Unfortunately I want it on every page except the home page (I am using a slider on that one page).

    Is there a way to have the image be there for every page except a particular one?

    Thanks,
    –Bruce II

    Reply
    • You should be able hide the image on the home page with this CSS:

      .home #wtfdivi004-page-start-img { display:none; }

      One day I'll get round to adding more control over this sort of thing within Divi Booster itself :)

      Reply
      • Hi Dan,

        I tried adding this to the style.css of the child theme and it didn't seem to work.

        I tried removing the .home to see if it would hide it on all pages and that didn't seem to work either.

        Am I missing something?

        Thanks,
        -Bruce II

        Reply
        • Hey Bruce,

          I notice in your style.css you have comments "/*" and "*/" around the code, e.g.:

          /*
          .home #wtfdivi004-page-start-img { display:none; }
          */
          

          I'm not sure if you added these after-the-fact, but when I remove them it works, just leaving:

          .home #wtfdivi004-page-start-img { display:none; }
          

          If that doesn't work, it's most likely to be a caching issue – clearing your browser's cache should help in that case.

          Reply
          • Hi,

            Thanks for the quick response. I definitely added the comments afterward when I could not get it to work.

            I removed the comments and left it uncommented but it still does not seem to work. I also cleared all cached data from Chrome.

            Am I missing something else?

            Sorry for being slow.
            –Bruce II

          • Hey Bruce, can you try this:

            .home #wtfdivi004-page-start-img { display:none !important; }
            

            I think the JavaScript library used to show the image is over-riding the CSS setting, so hopefully the above will stop it… Otherwise, I'll need to come up with a different way of doing it.

          • That worked perfectly. Thank you so much.

  6. Dan,

    The new social icon addition to Divi Booster is perfect … bar one thing.
    The icons fire up the link in the same window … taking one away from the website.
    Best practice is to fire links in a new window that are not internal links … which is an html edit "_blank" as you well know.
    This, again, requires editing of the social_icons.php file.
    Could I request that there is an option in the general section … just a single tickbox … that states "Load Social Icons in a new window".
    That would be great … and fits nicely with the divi booster intention of fixing the more "complex" edits that require php editing.
    Delighted with progress Dan … you are a star
    Thanks Mark

    Reply
  7. Hi Dan,

    Great plugin by the way.

    Just wanted to ask about an issue that I seem to being with header jittering on scroll when I use the Divi Booster plugin?

    When I deactivate the plugin the Divi install is ok but the jitter comes when re-activating Divi Booster, didn't seem to see this on earlier versions of the plugin only the later ones from a week or so ago.

    Tested on a couple of different Divi sites I'm building for my client and it go happening on all.

    Cheers
    Martin

    Reply
    • Hi Dan,

      Further to my question above it looks like the issue is being caused by the "Don't shrink header on scroll" feature?

      If I turn this off and set the logo height to 100px on both normal and shrunk and then set the header height to 105px on both normal and shrunk the jitter when scrolling stops?

      Looks like a javascript issue?

      Cheers
      Martin

      Reply
      • Hey Martin. Thanks for the detailed info. Unfortunately, I don't seem to be able to reproduce this on my test sites – I've set them up as described, but don't see any jitter… To help me track it down, is there any chance you can provide me with a link to one of the sites it is happening on? Also, do you see it on different browsers or just a particular one? Thanks! Dan

        Reply
  8. The booster works great. I'm having a problem with the footer module. It was working but the elegent themes and wordpress text came back. Now I can't get it booster info to go back.

    Reply
    • Hey Brad, you might have some JavaScript errors on your page which would stop Divi Booster from doing its thing… are you able to share a link so that I can take a look?

      Reply
  9. When checking my website on https://www.whynopadlock.com/ I get SSL errors on the following files:

    /wp-content/uploads/wtfdivi/wp_head.css?1426870994
    /wp-content/uploads/wtfdivi/wp_footer.js?1426870994

    Can you tell me where to fix this? And please update them to be compatible with SSL sites in future Divi Booster update. Firefox makes my page really ugly (not loading the http files) if the customer enters the page with httpS.

    Reply
    • Hi Vegard, thanks for bringing this to my attention. I've just released an update to the plugin which should fix the issue.

      Reply
  10. Great plugin! Love it! It would be great to have an option to change the vertical spacing of the nav. When the logo/header is increased in height, the nav remains where it initially was and does not vertically center.

    Reply
    • Thanks Aaron! Actually, there is already an option for this :) In the Divi Booster settings go to "Header" > "Main Header" and you'll find an option called "Vertically center the header links". This option should do what you want. Let me know if you have any trouble with it.

      Reply
  11. Hi,

    You were a great help with removing the highlights section on the dropdown menu. One other question you may know the answer to.

    I need to add a table…regular table for effect into the page. Fine not a problem. But the top border is not the same color…as the rest of the table. It is much lighter. Do you happen to know a way to fix this issue?

    Thanks again.

    Lynn

    Reply
    • Never mind. I got it.

      Thanks,

      Lynn

      Reply
  12. Any way to stop the blurb icons from animating? Just have them on screen all the time without having to scroll?
    I'll buy Divi Booster if it has this feature. I was able to add CSS to stop the animation, but they do not show up by default until you scroll down…. Then they just appear abruptly up on the page. I'd like them to show all the time without having to scroll and without any animation…

    I can't figure out a way to do this.

    Reply
    • Hey Ray, I think Divi itself can do what you want. Go to your blurb module's settings then go to the "Image/Icon Animation" setting and change it to "No Animation". Let me know if that doesn't do what you need.

      Reply
      • You are correct… Why did I not see that before?? Thank you so much.

        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 *.