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
Improve Accessibility
Enable zooming for improved accessibility. Add "aria-label" attribute to the logo for better screen reader support.
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.
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.
Add an Image above the Header
Add your choice of image above the default header and optionally make it linked.
Add a Sticky Widget Area
Ideal for displaying social media follow buttons prominently on the side of the screen.
Style the Box Layout
Make main content overlap the header in box layout. Remove the box layout shadow.
Set the Mobile Content Width
Increase the content width on mobile for a more comfortable reading width.
Improve Link Handling
Fix Divi anchor link scrolling issues. Open linked images in a lightbox instead of as a plain image.
Speed up your Site
Enable compression to reduce download times. Stop map module excerpts from unnecessarily loading maps scripts.
Main & Secondary Header
Rearrange the Top Header Bar
Put social icons on the right or move all header elements (phone, email, etc.) to right.Â
Show Top Header Social Icons on Mobile
Show secondary nav bar social icons on mobile so phone users can find your social accounts too.
Add Text to the Top Header
Perfect for displaying tag lines, important information and current promotions.
Change the Menu Link Hover Color
Divi Booster lets you change the top menu link hover color to suit your branding.
Hide the Top Header on the Fixed Header
Choose to hide the top header bar when scrolling down to keep your fixed header uncluttered.
Add Widget Area below the Navigation Links
Prominently display a call-to-action button or phone number below the main menu.
Style the Main Menu Links
Vertically center the menu links. Adjust the space between them. Add separator bars between them. Set their hover color.
Style the Search Icon
Stop the magnifying glass from going onto a new line. Change the search icon hover color.
Customize the Fixed Header
Stop the header from shrinking on scroll. Delay activation of the fixed header until the user scrolls further down.
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.
Customize the Main Header
Hide the header bottom border line. Set the header minimum height. Or hide the main header completely.
Improve the Dropdown Menus
Change the submenu item background hover color. Fix sub-menu link colors on single page navigation.
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
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
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.Â
Customize Mobile Search
Stop the search box from overlapping the logo. Or hide the search icon on mobiles.
Customize the Mobile Menu Button
Add a text label beside the menu button. Change the mobile menu button color.
Improve the Mobile Menu
Change the mobile menu font size. Hide secondary menu items in mobile menu.
Customize the Centered Header on Mobile
Change the centered header mobile menu "Select Page" text. Choose the "Select Page" background color.
Posts & Projects
Wider Featured Images
Make featured images on standard posts full-width, above the post title and side bar.
Better Comment Buttons
Let your users enjoy reading your posts distraction-free by hiding the sidebar when the don't need it.
Prevent Featured Image Cropping
Display your tall featured images as they are meant to be seen – without cropping.
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.
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
Style the Sidebar
Change the sidebar background color. Hide the vertical dividing line between the sidebar and content.
Make the Sidebar Collapsible
Let your users enjoy reading your posts distraction-free by hiding the sidebar when then don't need it.
Wider Footer Area
Adjust the layout of the footer by making its content wider (or narrower) to best fit your design.
Customize the Footer Menu
Select to align the footer menu to the left, right or center. Set the top and bottom padding.
Replace the Footer Credits
Replace the footer credit links with your own text, using handy shortcodes to display an auto-updating copyright date.Â
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
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.
Set a Minimum Button Width
Ensure all your Divi buttons across all your modules have a minimum width for easy clicking and visibility.
Add Page Layout on Pages / CPTs
Make the Divi settings page layout option available on pages and supported custom post types.
Enable Divi Builder by Default
Streamline your post / page creation by making Divi Builder the default editor on new posts and pages.
Full-screen Classic Builder
If you still use the classic builder, give yourself more space to work by making the settings modals full-screen.
Hide the Visual Builder
Don't need the visual builder? Then hide it and keep your site focused and tidy.
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.
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
Distraction-Free EDD Checkout
If you're using Easy Digital Downloads, improve your checkout by removing unnecessary Divi components
Customize WooCommerce
Remove the WooCommerce cart icon from the header. Make the WooCommerce store display 4 items per row.
Fix Plugin Conflicts
Divi Booster fixes conflicts between Divi and the Simple LightBox and PageLoader plugins.
CSS Manager
Manage custom CSS, easily applying it to specific user types, pages, and devices.
Developer Tools
Import / Export your Divi Booster settings. Control its CSS and JavaScript loading and minification.
Accordion Module
All Closed or All Open
Prevent the first accordion toggle from starting open, and make your accordions start fully closed instead. Or open everything.
Make Accordions Closeable
Make your accordions closeable and let your users collapse accordion toggles when they are done reading them.
Blog Module
Filter by Author
Configure any blog module to show only those posts written by a particular author / user.
Display Post Tags
Show the post tags beside, or instead of, the post categories in the blog module post metadata.
Contact Form Module
Send User a Confirmation Email
When the user submits the contact form, send them a fully-configurable confirmation email.
Blacklist Email Addresses
Block spam from persistent senders by banning specific emails, entire domains or keywords.
Countdown Timer Module
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.
Change Countdown Labels
Modify the text of the countdown labels (days, hours, minutes, seconds) to suit your site / language.
Gallery Module
Set Images per Row
Control how many images are displayed in each row of the gallery when in grid mode.
Control Image Sizing
Set the image area width and height and control how the image fills that space.
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.
Style the Slider Arrows
Hide or control the color, size, shadow and icons used for the slider navigation arrows.
Style the Slider Dot Navigation
Hide or change the slider navigation dots' active color, inactive color, size and border styles.Â
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).Â
Slider Image Count
Display a count of the current slide (e.g "2 of 4") under the slider, and style it how you like.
Disable the Lightbox
Prevent the gallery module images from opening in a lightbox when clicked.
Customize the Lightbox Image Title
Set the lightbox image title font styles and text alignment. Or choose to just disable the title altogether.
Customize the Lightbox Image Count
Change the text styles of the lightbox image count. Change its separator. Change its alignment. Or hide it.
Set Lightbox Background Colors
Set your choice of color (and opacity) for the lightbox overlay and image backgrounds.
Style the Lightbox Arrows
Easily configure the color, size and shadow of the lightbox navigation arrows.
Style the Lightbox Close Button
Control the look of the lightbox close icon with settings for its color, size and shadow.
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)
Make Scroll Down Icon Bounce
Draw attention to the rest of your content by giving the scroll down icon a gentle bouncing animation.
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
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
Change Map Pin Icon
Brand or personalize your Google Maps by uploading a custom image to use as the map pin icon.
Open Map Pin Details Immediately
Menu Module
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.
Add Menu Link Separator Bars
Choose to add vertical separator bars between your menu items for a clear, usable menu.
Add Site Title / Tagline
Replace or enhance the menu module logo with the site title and / or the tagline.
Person Module
Add New Icons
Enhance the person module with additional icons for the person's email address, website and Instagram profile.
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
Set Images per Row
Customize the portfolio and filterable portfolio by a new default number of images per row.
Set Image Sizes
Resize the portfolio and filterable portfolio module with a new default width and height.
Make Images Fill the Image Area
Choose to make the portfolio and filterable portfolio module images expand to fully fill the available image area.
Increase Image Spacing
Normally the fullwidth portfolio images have no space between one another. Add gaps between them instead.
Stop Image Stretching and Cropping
Prevent the fullwidth portfolio from stretching or cropping images and have them full display in the image area instead.
Change Project Order
Sort any portfolio module by your choice of default ordering, reverse, random or your own custom order (specified by id).
Change Active Filter Tab
Set a particular category (instead of "All") as the default in the filterable portfolio module.
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
Swap Next and Previous Links
Make the post slider module fit your language or content flow by swapping the pagination links.
Post Slider Module
Link Slide Images to Posts
Let your users click anywhere on the post slider module image to be taken to the corresponding post.
Style the Dot Navigation
Change the look of the post slider navigation dots by making them square and/or hollow.
Post Title Module
Display Post Tags
Show the post tags beside, or instead of, the post categories in the post title module metadata.
Pricing Table Module
Upgrade the Default Styles
With one-click, apply improved styles to the pricing table, created by designer Geno Quiroz.
Use Rounded Corners
Soften the look of the pricing table module by rounding off the pricing table corners.
Apply Bullet List Icons
Convert the bullet list dots in the feature list into green check mark and red cross icons.
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
Switch to a Horizontal Layout
Use the email optin module inline in your pages with a sleek horizontal layout, created by designer Geno Quiroz.
Enable Button "Rocking" Animation
Draw attention to the email signup form with a subtle yet eye-catching animation on the submit button.
Slider Module
Add Slide Text Background
Highlight your slide text with a background. Choose the color, opacity and corner roundness.
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.
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.
Style the Dot Navigation
Change the look of the slider navigation dots by making them square and/or hollow.
Randomize the Slides
Make sure every slide gets the attention it deserves by randomizing the slide order on each page load.
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.
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
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.
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
Increase Bullet List Spacing
Avoid cramped bullet lists by enabling a more spacious default bullet list spacing.
Video Module
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.
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.
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.
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.
Is there a option to add or change the hover effect on pictures with the plugin?
I consider to buy the plugin…
Hope it is.
Regards,
Ray
Hi Ray, I don't have this as an option at the moment, but I may be able to add something in the future. Was there a particular effect you were hoping to achieve?
Great plugin, works quite fantastic, the only problem i found was when i change the resolution for featured image from projects for porfolio module, it messes up the resolution in the featured image in Internet Explorer, this only happens in IE. Image looks like zoomed in always
my site is authentechhomes.com Please let me know if anyone have a solution to this
Hi Andy, I think the following CSS should fix the issue for you:
/* Disable zooming on IE as it overrides the max width / height */ body.ie div.et_pb_portfolio_grid span.et_portfolio_image img { zoom: 1 !important; }I'll be including it in the next update to Divi Booster (hopefully out by the end of the day).
Let me know if you're still having problems with it.
Great plugin. That is really the thing for what I have been looking so long time. Thanks for that amazing piece of code!
Hi Dan
I bought divi booster today hoping I could stop full width header images stretching and cropping so that top and bottom of image are cut off? I don't want to use full page as want users to see the blurbs underneath above the fold. Hoping you can help?
Any news on this or I've bought something that doesn't work for what I need?
Hi Kim, I think the problem you are having with the cropping is a caused by having "parallax" enabled on the full-width header.
I've written a post explaining why this is happening and what can be done about it:
https://divibooster.com/stop-divi-cropping-slider-and-header-background-images/
Note that it's not something that Divi Booster can fix, so if you have no other need for the plugin let me know and I'll be happy to refund you. Thanks.
Thanks for your reply – no I don't have parallax enabled on any pages. I appreciate you refunding me as can't really use it after all.
Kim, my apologies for the delay. I've just issued the refund so you should receive confirmation from PayPal shortly. Thanks for trying out the plugin.
Hi Dan my comment disappeared saying that I would like a refund the plugin doesn't help the problem I have. Let me know if I need to do anything to facilitate the refund.
Hi Kim, I've issued the refund – you should receive confirmation shortly. Kind regards, Dan.
Here's a css snippet you may want to use, animate scroll down indicator within the header.
.scroll-down {-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px); }
60% {
-webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0); }
40% {
-moz-transform: translateY(-30px); }
60% {
-moz-transform: translateY(-15px); } }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); }
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px); } }
Thanks for sharing that, BirdGuy. I recently posted a similar tip (and have added it into Divi Booster) for making the scroll down button bounce, which you can see here:
https://divibooster.com/make-full-width-header-scroll-down-icon-bounce/
Hello, I am having an issue when trying to activate my key on a new site. I am getting the error that states
"Error: Unknown SSL protocol error in connection to http://www.wpthemefaqs.com:443"
Any idea on how to resolve this? Thanks!
Hi Tariq, I believe this is caused by the SSL certificates on your web host not being fully up-to-date, causing them to fail to verify the SSL certificates on my site. One solution to this is to update the SSL certificates on your server or request that your web host does. Unfortunately, this is not always possible. I'm hoping to release a new feature soon which will allow SSL to be disabled in cases like this. In the meantime, you will still be able to fully use the plugin. The only thing that doesn't work without the license key is the automatic update feature – so if you need to update the plugin it will be necessary to do it manually for the time being. I hope that all makes sense.
I bought Divi Booster and installed it. I looked at the Home page and all of my images were gone. I disabled Divi Booster and my images were still gone. I deleted all of the files and my images are still gone. Dan, can you please help?
http://www.socalcriminaldefense.com/
Hi Lulu, I've just seen your message that this seems to have been due to a WordPress update. I'm glad things are working again.
Hi Dan, I'm considering buying Divi Booster, but would like to know if it can add text to the Top Header. I know it can add social icons and customize the Top Header, but what about just adding plain text? I have a client who wants to add text like "Welcome to XYZ Company" or something similar to that section.
Also, any chance that Divi Booster can standardize widths on Call To Action buttons with different amounts of text in each button?
And, is Divi Booster compatible with Divi 2.6.4?
Thanks
I've just written a couple of posts on how to achieve these effects:
https://divibooster.com/making-divi-buttons-the-same-size/
https://divibooster.com/how-to-add-text-to-divi-top-header/
I've also added them into Divi Booster (as they weren't there before).
I aim to keep Divi compatible with the latest version of Divi – sometimes the Divi updates can change something and temporarily affect Divi Booster features, but I try to deal with any such incompatibilities as quickly as possible.
Thanks Dan. I appreciate all your efforts.
Hey, I am having another issue that I wonder if you have a fix for…when using tabs or text boxes the paragraphs combine into one. Thanks Dan :)
Hi Tammy, I'm not quite sure why this is happening for you, but you should be able to fix it by editing the content of the tab in "text" mode (rather than "visual" mode). As you do, start each paragraph with <p> and end it with </p> That should hopefully force the paragraphs to be separate.
Thanks Dan…I ended up using the plugin TinyMCE.
I just bought Divi Booster to change the width of the sidebar and after installing your Divi Booster I don't see an option to change the width of the sidebar. Can you please help me on how I can change the size?
Hi Damu, Divi introduced an option to control the sidebar width in Divi 2.4, so I moved the sidebar width feature into the Deprecated section (i.e. at "Deprecated > Divi 2.4 > Sidebar Width" in the Divi Booster settings). If you are using Divi 2.4 or higher, I'd suggest using Divi's own sidebar width setting, which you can find in the Theme Customizer under "General Settings > Layout Settings". If this means you no longer require Divi Booster, let me know and I'll happily refund it. If you're using Divi 2.3 or earlier, then the Divi Booster feature in the deprecated section should do what you need. Thanks!
It's me again :) I have this checked: "Stop project images from being stretched and cropped (grid view)" The images display perfectly (maybe a little too much space between them)on firefox and chrome…BUT…look awful on Safari (scrunched and cut off). Please help, Tammy
The portfolio is towards the botom of the page on: http://tammyandersen.com/curative-art/
Hi Tammy, I've just released an update to the plugin (v2.0.2) which I think should fix this. It looks like Safari was ignoring one of the CSS rules, but I've been able to modify it to be acceptable to Safari. Let me know if you still have problems with it after updating. Thanks.
When I go to plugins>divi booster>check for updates it says that there are no new updates???
Hi Tammy, can I ask you to check again now and let me know if you still are unable to see the updates. Thanks!
Hi Dan,
I have successfully installed the plugin…however, when I check the box to stop the header (nav bar) from shrinking upon scroll it doesn't change anything. Also, I was hoping to be able to change the color of the top header and the color of the font in the bottom footer. Have you thought about adding a contact form widget to use in sidebars and footers?
Thanks,
Tammy
I found out where to change the colors of the top header and the text in the footer without using the plugin. I also stopped the nav bar from changing size. The only thing I used the plugin for was changing the text in the bottom footer. But, I would still like a contact form for the footer :) Will you be adding this?
Hi Tammy, I'm glad to hear you've been able to make the changes you were after. I probably won't add be adding a contact form widget to Divi Booster purely because there are already a large number of plugins (many free) which specialize in adding contact forms and will do a much better job than anything I might come up with. The following is a very comprehensive list of contact form plugins. If you search for "widget", you should be able to find one that does what you need:
https://premium.wpmudev.org/blog/69-best-wordpress-contact-form-plugins/
I hope that helps.
I found what I needed…thanks :)
Divi has just launched a new contact form module. It has improved functionalities including the sorely missed phone number. Yay! Hope this helps :)
Yeah, it's a great addition, Patricia. I'm still after a way to add a "subject" field which will actually change the subject line of the email… next update maybe :)
Thank you Patricia and Dan…I added the Caldera plugin so I could add it as a widget to my footer. It worked pretty well.
Great to hear you found something suitable, Tammy :)
I purchased your divibooster yesterday and have yet to receive it or be able to download it. what's going on? please help me out.
Hi Matt, I've just sent you an email about this. Basically, as you paid by eCheque, the purchase isn't finalized until the eCheque clears. Once it does, the download links / purchase confirmation will be sent out.