Divi Booster Review And Walkthrough - Mad Lemmings

Divi Booster Review And Walkthrough

Divi Booster

Review Summary:

Divi Booster allows you to quickly and easily implement a whole range of usually quite difficult things in the Divi Theme. If you are not at all technical, Divi Booster is ideal as it will save you a lot of pain and headaches that many Divi Theme owners experience.

As a frequent user of the Divi Theme from Elegant Themes, I was very happy to discover this great plugin called: Divi Booster.

Although Divi on it's own is very powerful, and easy to use, there are some limitations which can be a little frustrating.

The idea of this plugin is to take all of the most common things people wish Divi could do, and put them into a plugin to make it nice and easy to use.

So, if you are using Divi Theme, or plan to use/buy it, then this could be a great addition to the theme, that will save you hours of pain and frustration.​

Divi Booster Features

Divi Booster has a ton of features to make using Divi even easier, and they are sorted into handy sections so you can easily find what you need.

Below are most of these features, also shown by section, some with examples.​

Site-wide Layout

  • Add an image above the header (nice for site width banner style images)
  • Add a sticky widget to the left of the page (great for showing current offers, or email list optins, that follow the visitor)
  • Add overlap between the main content and the header (see below)

Social Media

Divi has some nice built in social media icons (for the footer and header bar) but they only allow Facebook, Twitter and Google Plus

  • Add lots more social media icons (just add the URL) 
  • These include: LinkedIn, YouTube, Pinterest, Tumblr, Instagram, Skype, Flickr, Vimeo
  • Add overlap between the main content and the header (see below)
  • You can also set the links to open in a new tab (always a good idea to keep people on your website)

Header

The header is one of the most complex and adaptable areas in Divi (with the menu, logo, topbar, and even a secondary menu). So it is no surprise that there are lots of options here:

  • Hide header completely
  • Center header links
  • Set when the header should shrink (how many pixels scroll until...)
  • Or, don't shrink at all
  • Add overlap between the main content and the header (see below)
  • Use mobile menu always
  • Hide bottom border
  • Header link settings (hover color, sub-menu hover color, spacing,)

Mobile Header

  • Hide search icon on mobile
  • Add text label before menu icon
  • Fix distance of logo and menu from sides (rather than Divi deciding)

Footer

Some things in Divi are very hard to change, without diving into the code and create child themes (if you don't know what I am talking about - then Divi Booster is a great way to get around all this mess).

One such area is the footer:​

  • Fully control what appears in the very bottom footer area (usually says Divi/WordPress etc)
  • Center bottom text

Sidebar

  • Set sidebar background color
  • Hide dividing line between widgets in sidebar

Divi Builder (new with 2.5)

If you are using the Divi Builder plugin that comes free with your Elegant Themes membership (so go grab it), here are a few settings you can change:

  • Full screen option for module editing
  • Enable use of Divi Builder on custom post types

Divi Modules

As you may know, Divi is all about placing modules onto pages. So if you want to add text, an image, maps, columns, tabs etc., then you are talking modules.

Divi Booster comes with some extra settings to make fine-tuning your modules even easier.​

  • Accordion - all closed by default
  • Blurb - enlarge left icons
  • Gallery - border color, control over grid width/height, center images
  • Map - change map pin icon (upload your own)
  • Portfolio - control over appearance (heigh, width, items per row, fill grid with image)
  • Pricing Table - strike through unavailable, round corners, different bullets
  • Shop - hide woocommerce cart icon
  • Slider - height, add background to text, open links in new tab, disable slide-in, images on right
  • Text - bullets get extra spacing

Additional Features (Developer etc)

There are a whole bunch of features that are perhaps not so relevant to most people, but developers will love.

  • Export/import of Divi Booster settings
  • Control over generated js/css (minification, inline) .htaccess rules, footer html
  • And, if you are using an older Divi, the developer has moved the deprecated settings to a separate area in case you still need them.

CSS Control

This really gives you lots of control over how you apply your css in Divi. Check it out

  • View your ePanel CSS
  • Apply custom CSS to very specific areas like:
  • a specific page or post
  • by user type (logged in, non-logged in)
  • specific layouts (boxed, vertical navigation, etc)
  • a specific browser (Chrome, Firefox, IE, Safari, Opera, Lynx)
  • a specific platform (Windows, Mac, Linux, iPhone)
  • a screen width range (based on Divi’s natural breakpoints)

This is what such a custom css looks like:

Divi Booster CSS Modification
Divi Booster
  • Editor Rating

  • Rated 4.5 stars
  • Outstanding
$19

  • Divi Booster
  • Reviewed by:
  • Published on:
  • Last modified: December 28, 2015

Review Summary:

Divi Booster allows you to quickly and easily implement a whole range of usually quite difficult things in the Divi Theme. If you are not at all technical, Divi Booster is ideal as it will save you a lot of pain and headaches that many Divi Theme owners experience.