Divi Toolbox:

Powerful Features

Customize Everything

The New Divi Experience!

The Divi Toolbox is so powerful that the feature list has come out quite long! But here it is. Check out what the Toolbox can do for your website and know, that even more new features are coming soon!

Admin Settings

N

Customize Login Page

Choose different logo, background, colors, and more – customize the appearance of the default WP login screen with ease.

N

Display Divi Layouts as Shortcodes

Use any layout from the Divi Library as a shortcode. You can display modules inside other modules, widgets, etc.

N

Hide Projects

Hide the Projects post type and corresponding page builder modules from the Dashboard view.

N

Rename Projects Post Type

Rename the Project post type in the Dashboard view, change the default Icon and also change the projects slug in the URL.

N

Allow SVG File Type Uploads

Upload your SVG vector graphics and see their preview in the WordPress Media Library.

N

Allow TTF and OTF File Type Uploads

Upload your custom fonts using the Divi Builder with ease.

Global Options

N

Use an Animated Preloader

Show loading animation during the page load, choose the loader image and change the colors and effect to match your website!

N

Add Popups

Add up to five different Popups, customize the UI colors and design the content of each Popup using the Divi Builder.

N

Customize Social Icons

Edit default social icons appearance in header and footer, add social isons to mobile menu – change colors, padding, borders, add animations, and more!

N

Add More Social Icons

Add links to your social profiles on Youtube, LinkedIn, Pinterest, Tumblr, Flickr, Dribbble, Vimeo, or Skype.

N

Enable Sticky Elements

Easily stick any element to the top of the page upon scroll. Define the top offset and mobile breakpoint.

N

Customize Password Protected Form

Edit the content and appearance of the form displayed for password protected website elements.

N

Add Moving Particles Background Effect

Add a moving particles background effect to any element, easily customize the effect.

N

Customize Browser Scrollbar

Change the default Scrollbar appearance in webkit-based browsers (eg. Chrome and Safari).

Header & Navigation

N

Add Fancy Hover Effects to your Menus

Choose the hover effect for the Primary Navigation and Menu modules and easily customize it using Toolbox Customizer.

N

Customize the Dropdown Menu

Change the appearance of dropdown menu: customize colors and animations.

N

Change the Header Shadow

Edit the default shadow of the primary menu and change it when navigation becomes fixed.

N

Change Logo on Fixed Menu

Set different logo image for fixed header.

N

Enable Custom Fixed Header

Display any section as a fixed header, which slides down as you scroll the page. Add an “always fixed” section and dynamically move the page content below it.

N

Add CTA Menu Button

Change any of the Primary Menu items to a Call To Action Button. You can customize the button’s appearance easily with Toolbox Customizer.

N

Use the Overlapping Logo Effect

Easily customize your logo area to overlap the standard header. Set different size for standard and fixed navigation.

N

Add Before & After Navigation Layouts

Select any layouts from Divi Library to be displayed globally before and/or after the main header and navigation.

Footer and Widgets

N

Make Footer Sticky

Move the footer to the bottom of browser window even if there isn’t enough content to fill the page.

N

Add Footer Reveal Effect

The footer is hidden behind the page content and becomes visible once you scroll to the bottom of the page.

N

Customize Footer Menu

Change footer menu look by editing color, links background, alignment and more.

N

Customize the Back to Top Button

Edit back to top button – change icon, replace it with custom text – customize the appearance

N

Change Back to Top Button Link

You can change the back to top button behaviour and set a custom link instead of the default scroll to top feature.

N

Customize Footer Widgets

Edit Footer widgets, add hover effects to navigation, customize headers easily.

N

Add Before & After Footer Layouts

Select any layout from Divi Library to be displayed globally before and/or after the standard Divi Footer.

Mobile Enhancements

N

Define Mobile Browser Theme Color

Choose a theme color for Android mobile browsers.

N

Change Mobile Menu Breakpoint

Define the screen width below which the header changes to mobile version.

N

Use Fixed Mobile Menu Bar

Or enable the custom Menu Trigger – a fully customizatable fixed button with hamburger icon and text.

N

Add Mobile Menu Animations

Change the default scroll down menu effect to any of over 20 different open and close animations or animate entire page on menu open!

N

Design your Mobile Menu Style

Enable hundreds of additional customizer controls to style the menu background, links, and additional custom menu elements.

N

Add Call to Action Menu Button

And control the CTA menu item appearance using the Customizer controls.

N

Edit Hamburger Icon Appearance and add Animation

Pick one of 9 different click animations effects and compleately change the look of the menu icon.

N

Change Logo on Mobile

Choose different logo image for mobile devices!

N

Add Any Content Inside the Mobile Menu

Add your website logo, search bar, social icons, shopping cart link or any Divi Layout using the Widget areas!

N

Collapse Nested Sub Menu Items

Hide the submenus on mobile – show them on click, customize the looks easily!

N

Enable Parallax Background Effect on Mobile

Bring your section background images to life on mobile devices with parallax background effect.

N

Change Mobile Column Count

Use custom CSS classes to change the default number of columns for Tablets and Phones.

Blog Posts and Archives

N

Easily Edit Archives & Category Pages

Tons of customization option to make your index pages awesome!

N

Change Blog List Layout

Pick one of the nine different layout types and use it on Archives and Blog modules!

N

Add Icons To Post Meta

Change the boring post meta information into custom links with icons!

N

Customize Sidebar

Remove the default, border, add nice shadow, control the inner padding, or globally hide the sidebar on every index page.

N

Edit Sidebar Widgets Appearance

Edit the looks of your sidebar widgets easily.

N

Change Read More Blog Button Text

Add the missing buttons on index pages and change the text easily.

N

Add Related Posts

Display random posts from the same category to attract your readers to stay on your page and read more!

N

Add Prev/Next Posts Links

Add the navigation below the post to keep your readers for longer.

N

Add Author Box

Display author portrait and info below each post.

N

Customize Comments Form

Edit the default comment form looks with ease.

Divi Modules Customizations

N

Use Follow-The-Mouse Hover Effect

Add a direction-aware overlay hover effect to Portfolio and Gallery modules.

N

Display E-mail Optin Inline

Change the default Optin Module structure to a slim inline version.

N

Add Typing Effect

Bring your Text modules to life with the fun animated text strings effect.

N

Use 3D Tilt Hover Effect

Add this fancy 3D hover effect to any module by simly adding one custom CSS class.

N

Equalize Modules' Height

Dynamically equalize Blurbs, Testimonials or Pricing Tables height.

N

Change the Map Marker Image

Easily replace the default Pin Icon on Divi Map modules with your custom image.

N

Add Secondary Buttons CSS Class

Choose your own class name and set additional global button styles using Toolbox Customizer.

N

Use Various Modules Tweaks

Change the default Accordion & Toggle icon to animated triangle arrow, move the portrait image below the Testimonial content.

N

Use Simple Parallax Modules Scrolling Effect

Change the scrolling speed of any element by adding one of twenty custom CSS classes.