Divi Booster (by Dan Mossop) and Divi Switch (by SJ James) have been the 2 most popular, must-have Divi plugins for a long time now , and for good reason. Both are huge time-savers and at just $19/$22 each, you don’t meed to save much time before you get your moneys worth.

This post aims to be a quick visual representation of the specific features of both plugins and to identify where any overlap of features may exist.

*please note this post contains affiliate links.

“Are you looking for an easy way to give your Elegant Themes’ Divi Theme a boost? Maybe you’ve seen the many Divi customization tips I share online, but don’t have the coding skills needed to implement them, or just plain don’t have time to? Divi Booster is my new WordPress plugin which makes customizing Divi a breeze.” Dan Mossop

“Divi Switch is 50+ toggles giving you access to no fewer than 100 customizations in literally thousands of possible combinations. Visual changes that used to require hours of research and hundreds of lines of code, now take seconds and that’s only if you’re slow.”
SJ James

Divi Booster (Version 2.2.5) Features;

Z

site-wide settings

Icons
– Add custom icons for use in the blurb and gallery modules
– Add more social media icons
– Open social media icon links in a new tab
Layout
– Add image before header
– Add “sticky” widget area to left of screen
– Make main content overlap header in box layout
– Remove box layout shadow
Links
– Fix Divi anchor link scrolling
Site Speed
– Enable compression to reduce download times

Z

header settings

Top Header
– Put all icons on the right
– Show secondary nav bar social icons on mobiles
– Change link hover color
– Put contact info icons on left, and 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 header menu width / magnifying glass issue
– Don’t shrink the header until user scrolls down by xxx px
– Use mobile header menu button on desktops too
– Hide header bottom border
– Don’t shrink header on scroll
– Hide 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
Mobile Header
– Use an “app-style” header layout on mobiles
– Hide the search icon on mobiles
– Add text before menu button (mobiles)
– Mobile menu font size
– Hide secondary menu items in mobile menu

Z

Post settings

– Make featured images as wide as the content area
– Fix comment button responsiveness
– Prevent featured post height cropping
– Don’t stretch featured images

Z

Sidebar

– Sidebar background color
– Hide dividing line

Z

Footer

– Center the footer links
– Replace footer links with this text / HTML

Z

The Divi Builder

– Make module settings editor full screen
– Enable Divi Builder on Custom Post Types
– Set minimum CTA button width xxx pixels

Z

Modules

Accordion
– Make accordions start fully closed by default
– Enable Divi Builder on Custom Post Types
– Make accordions closable
Blurb
– Make left-placed blurb icons bigger
Countdown
– Hide leading zero on days
Gallery
– Change grid layout default image sizes
– 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)
Header (Full Width)
– Make scroll down icon bounce
– Fix fullscreen mode display issues in IE
Map
– Change map pin icon (46 x 43px)
Porfolio
– Change grid layout default image sizes
– Make grid images fill the container
Portfolio (Filterable)
– Change grid layout default image sizes
– Make grid images fill the container
Portfolio (Full Width)
– Add space between project images (grid view)
– Stop project images from being stretched / cropped
Post Navigation
– Swap the next and previous links
Post Slider
– Make slide image link to post (NB: read more button must be enabled)
– Make post slider controls square
– Make post slider controls hollow
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
Signup
– Use horizontal subscribe module style
Slider
– Set default slider height
– Add background to slider text
– Put slider images on the right
– Open slider links in new tab
– Disable slider image “slide in” effect
– Make slider controls square
– Make slider controls hollow
– Make slide image link to URL (NB: button must be enabled)
Text
– Increase spacing around bullet lists

Z

Plugins

Woocommerce
– Remove WooCommerce cart icon from header
– Make WooCommerce store display 4 items per row
Other
– Fix Simple LightBox overlap with Divi top header
– Fix PageLoader by Bonfire page layout issues on Chrome

Z

CSS Manager

– Custom CSS as defined in Divi ePanel

Z

Developer Tools

Import/Export
– Export plugin settings to file
– Import plugin settings from file
Generated CSS
– Use inline CSS
– Disable CSS minification
Generated JS
– Use inline JavaScript
– Disable JavaScript minification
– Generated JavaScript: wp_footer.js
Generated Footer HTML
– Generated Footer HTML: wp_footer.txt
Generated .htaccess Rules
– Generated .htaccess rules: htaccess.txt

Z

Deprecated (now available in Divi)

– Hide the logo
– Fix team member margin bug
– Enable Page Builder for posts (pre Divi 2.4)
– Contact info icon and text style:Text size/Text/icon color/Hover color/Background color:
– Sidebar width
– Fix horizontal scroll-bar bug
– Mobile menu icon color:
– Hide fixed header until user scrolls down
– Fix slider overlapping text issue
– Hide bullet points in pricing tables
– Logo height:Normal/Shrunk:
– Display maps in greyscale
– Set default font size
– Menu font size:
– Section spacing:
– Row spacing:
– Bottom footer bar color:
– Make the secondary header text bold

Divi Switch (Version 2.1) Features;

Z

FIRST MENU LINK FLY IN ON SCROLL

Make your first menu item enter from the left as you scroll down. Combine this option with any of the ‘menu CTA’ switches for a unique style.

Z

'FLAT' MENU CTA BUTTONS

Turn any menu link into a stylish button. Just add one of the following classes to the menu item CSS box in menu options:

Z

'3D' MENU CTA BUTTONS

Turn any menu link into a stylish 3D button. Just add one of the following classes to the menu item CSS box in menu options:

Z

APP STYLE MENU

Position the logo and menu a fixed width from the left and right instead of a percentage based change, for a clean ‘app style’

Z

MOBILE MENU ON DESKTOP

Get the Divi hamburger mobile menu on desktops and other larger devices.

Z

REMOVE THE MENU BOTTOM LINE

Remove the line and shadow underneath the main menu.

Z

CENTER ALIGN TOP HEADER

Put the top header items into the middle

Z

ENLARGE THE PHONE AND EMAIL INFO IN TOP HEADER

Make the info in the top header bigger.

Z

HIDE THE LOGO BEFORE SCROLL

Set the logo to appear as the user scrolls down.

Z

REMOVE THE BORDER LINE ON TOP OF SUBMENUS

Get rid of that default blue line on top of submenus

Z

FIXED HEADER ON MOBILE

Stop the header scrolling off the page in mobile

Z

SIDE MENU - LIGHT

Mobile menu slides in from the right. Use this switch for the light version.

Z

SIDE MENU - DARK

Mobile menu slides in from the right. Use this switch for the dark version.

Z

SHOW 'SELECT PAGE' ON MOBILE MENU - LIGHT

Show the select page text next to the burger menu even if you haven’t used a centered logo menu.

Z

SHOW 'SELECT PAGE' ON MOBILE MENU - DARK

Show the select page text next to the burger menu even if you haven’t used a centered logo menu.

Z

REPLACE BURGER MENU WITH WORD 'MENU'

Turn the hamburger icon into the word ‘menu’ when it’s closed and the word ‘close’ when it’s open.

Z

ADD THE WORD 'MENU' TO THE BURGER ICON

Add the word menu to the left side of the burger icon, so there’s no doubt what it is and what it does.

Z

REMOVE BULLET POINTS FROM FOOTER

Remove the footer bullets and reposition the links properly.

Z

HIDE BOTTOM FOOTER

Remove the bottom footer, the one with the ET links.

Z

STOP THE FOOTER FLOATING ON EMPTY PAGES

Pages with little or no content show the bottom footer in the center of the page. Not any more.

Z

REMOVE THE DIVIDING SIDEBAR LINE

Get rid of the thin grey line that separates the sidebar from the main content.

Z

HOME PAGE PRE-LOADER (DARK)

Show a cool loading screen while your page objects load.

Z

HOME PAGE PRE-LOADER (LIGHT)

Show a cool loading screen while your page objects load.

Z

TOP SECTION SEPARATORS

You can add three different separator styles to the tops of your sections. Just add one of the following classes to any section.

Z

BOTTOM SECTION SEPARATORS

You can add three different separator styles to the bottoms of your sections. Just add one of the following classes to any section.

Z

CLEANER BLOG COMMENTS

Nest replies properly, fix the reply button positioning and clean up the form for logged out users.

Z

SQUARE BUTTONS

An alternative button style if border radiuses aren’t your thing

Z

ADD CODE BOXES

Switch on and whenever you use the ‘pre’ font format in your text editor menu, the contents will appear in a code box.

Z

STYLE CONTACT FORM 7

Divi styles for CF7 users with one switch!

Z

BETTER ARCHIVE PAGES - TWO COLUMNS

Change the archive and category pages into a better looking two column layout. Works very well when you remove the sidebar on archive pages.

Z

REMOVE SIDEBAR ON ARCHIVE PAGES

Make archive pages full width for a cleaner look. Works great with a two column archive layout.

Z

REPLACE THE TOGGLE PLUS ICON WITH ROTATING ARROW

A mobile style menu on desktops and other larger devices.

Z

SQUARE PORTFOLIO IMAGES

Make portfolio grid images perfectly square

Z

'BOOK' PORTFOLIO IMAGES

Make portfolio grid images the same aspect ratio as a book cover

Z

'CINEMA' PORTFOLIO IMAGES

Make portfolio grid images the same aspect ratio as a widescreen. Great for showing off video stills or images.

Z

BLURB ICON GROW

Make blurb icons grow on hover

Z

BLURB ICON SPIN

Make blurb icons spin on hover

Z

STOP GALLERY IMAGES OPENING A LIGHTBOX

Stop the gallery opening up the lightbox when clicked.

Z

HIDE COUNTER WHEN IT HITS ZERO

Set the timer/counter module to dissappear when it gets to zero.

Z

PROJECT OVERLAY - ZOOM

Make project overlays zoom on hover. One of three overlay hover effects available in Divi Switch

Z

PROJECT OVERLAY - SPIN

Make project overlays spin on hover. One of three overlay hover effects available in Divi Switch

Z

PROJECT OVERLAY - SLIDE UP

Make project overlays slide up on hover. One of three overlay hover effects available in Divi Switch

Z

HOVER.CSS TRANSITION EFFECTS

A collection of 27 CSS transitions and animations by Ian Lunn, adjusted for Divi. Just turn on the switch and add any of the following classes to the image or module you want to effect.

Z

SLIDE DECRIPTION FLY IN LEFT

Change the slider description default transition to fly in left

Z

SLIDE DECRIPTION FLY IN RIGHT

Change the slider description default transition to fly in right

Z

SLIDE DECRIPTION FLIP ON Y AXIS

Change the slider description default transition to flip on Y axis

Z

SLIDE DECRIPTION FLIP ON X AXIS

Change the slider description default transition to flip on X axis

Z

SLIDE IMAGE & VIDEO FLY IN LEFT

Change the slider image default transition to fly in left

Z

SLIDE IMAGE & VIDEO FLY IN RIGHT

Change the slider image default transition to fly in right

Z

SLIDE IMAGE & VIDEO FLIP ON Y AXIS

Change the slider image default transition to flip on Y axis

Z

SLIDE IMAGE & VIDEO FLIP ON X AXIS

Change the slider image default transition to flip on X axis

Z

CSS FILTERS

Get beautiful filters. Just add one of the following ‘custom CSS classes’ in the custom CSS tab of any section, row or module. They work best on images:

Z

INSTAGRAM FILTERS

Add beautiful Instagram style filters to your images, modules or sections. Just turn on the switch and add any of the following classes to the image or module you want to effect.

Z

SQUARE 'FULL WIDTH' PORTFOLIO MODULES

Force the full width portfolio module to display square projects

Z

TEXT SHADOW - DARK

Provide a dark shadow behind text for better visibility on light backgrounds Just add the class ‘shad-dark’ to any module, row or section.

Z

TEXT SHADOW - LIGHT

Provide a light shadow behind text for better visibility on dark backgrounds Just add the class ‘shad-light’ to any module, row or section.

Comments

comments

Pin It on Pinterest

Shares
Divi Freebies

Do you want some Divi FREEBIES?

Join our mailing list to receive the latest news, reviews, examples and Divi Theme FREEBIES.

You have Successfully Subscribed!