One Plugin, Hundreds of Options

Divi Hacks Features
Our Features

Hundreds of Features & Counting

View all that Divi Hacks has to offer with the features listed below. But don’t worry, Divi Hacks is built with performance in mind. Our plugin will intelligently load only the code for the Hacks that you have enabled!

Q

Closeable Elements

This Hacks gives you the ability to make any element on the page (section, row, column, module) closeable!

Learn More

Scheduled Content

Need to schedule when content will be shown? This hack gives you the ability to hide or show content based on date, time, or date and time.

Learn More

Custom Popups

Easily create click triggered popups without leaving the page! Any section, row, or module on your page can become a lightbox/popup.

Learn More

Exit Popups

Trigger a popup just before the user leaves your website (possibly forever!). Exit popups (or exit intent) is a highly effective method of keeping visitors!

Learn More

Divi Hacks

Closeable Elements

The Closeable Elements Hack lets you add a close button to any section, row, column, or module! When the close button is clicked, it will disappear from the page. Perfect for advertisements/promotions, announcements, and more!

Want the element to not appear again after the user closes it? The Closeable Element Hack can do that too!

View Documentation & Examples

Divi Hacks

Scheduled Content

The Scheduled Content Hack (also known as Show/Hide Content Based on Date/Time) lets you schedule any section, row, column, or module!

You can show or hide any element by time, date, or both. Want your restaurant lunch specials to only show up during lunch hours? It's very simple with the Scheduled Content Divi Hack!

View Documentation & Examples

Divi Hacks

Custom Popups

The Custom Popups Divi Hack is the quickest and easiest way to create beautiful popups with Divi.

Without leaving the page, you can transform any Divi section, row, column, or module into a ligthbox popup! Then, you can set anything else on the page as a click trigger.

View Documentation & Examples

Divi Hacks

Exit Popups

The Exit Popups Divi Hack will trigger a popup when it's needed most: just before the visitor clicks the back button in their browser.

This highly effective marketing tactic can be used as a 'last resort' effort to retain a visitor. Use the exit popup to show them one last offer they can't refuse before they leave your website forever.

View Documentation & Examples

p

Custom Tooltips

Easily create custom tooltips with Divi! Any section/row/module can be triggered on hover/click as a tooltip from any other element!

Learn More

Custom Reveals

Custom Reveals are like magic. Click something, and something else reveals itself magically! This feature page is built with it!

Learn More

Preloader

Display an animated loading icon while your page fully loads. Divi Hacks gives you full control over the customization too!

Learn More

Custom Dropdowns (Mega Menus)

Add any Divi Library item as a mega menu dropdown from your navigation menu. Easy mega menu creation!

Learn More

Divi Hacks

Custom Tooltips

Tooltips are great for showing additional information "in-context" without having to trigger a popup or take the user to a new page.

The Custom Tooltips Hack allows you to create beautful feature-rich tooltips with Divi. Any section/row/column/module can be triggered by any other element on the page.

View Documentation & Examples

Divi Hacks

Custom Reveals

Revealing content on click is not just magical, it's also great for user-experience. In fact, this entire feature page with description is built with our Custom Reveals Divi Hack!

Click around on this page to see what's possible with the Custom Reveals Divi Hack. This Hack allows you to reveal anything WITH anything!

View Documentation & Examples

Divi Hacks

Preloader

Divi Hacks has includes over a dozen pre-made loading animations that will display as your website is loading the page. Use them how they are, or customize the transition, color, background overlay, and more.

Plus, Divi Hacks also lets you create your own from scratch, or upload any existing animation you already have to use as a preloader for your website.

View Documentation & Examples

Divi Hacks

Custom Dropdowns (Mega Menus)

Want to create a mega menu dropdown with the Divi Builder? With Divi Hacks, you can!

You can display any Divi Library layout item as a dropdown from any menu item. Now you can display forms, images, blurbs, (and any other Divi module) inside of your navigation menu dropdown!

View Documentation & Examples

p

Font Awesome Icons

Divi Hacks gives you access to over a thousand icons from Font Awesome that can be used in any blurb, button, list or more.

Learn More

Custom Login Page

The default WordPress Login screen is boring, but more importantly, it's not branded to you or your client! This Hack changes that.

Learn More

Maintenance Mode

Create your own custom Maintenance Mode or Coming Soon page using Divi. All your traffic will automatically redirect to this page.

Learn More

Show/Hide Content Based on User

Show or hide content based on whether the user is logged in or out, or based on user role!

Learn More

Divi Hacks

Font Awesome Icons

The built in Divi Icons are great...but limited. Now with Divi Hacks you get access to over a thousand awesome icons from Font Awesome!

You can use these icons in blurbs, lists, buttons, or more. Then, you can style them in the builder just like you would a default Divi icon. Change the size, color, and more easily. Works in the Visual Builder too!

View Documentation & Examples

Divi Hacks

Custom Login Page

Divi Hacks lets you easily create a custom login page for your visitors or clients. You can display your logo and branding (or your clients) instead of giving WordPress free advertising on your website. Plus, you can control every aspect of the design too.

Say goodbye to the painfully boring login screen with the WordPress logo, and say hello to awesome branded custom login pages from Divi Hacks!

View Documentation & Examples

Divi Hacks

Maintenance Mode

Whether you're just building the site, or applying updates/enhancements, having a Maintenance or Under Construction page is incredibly handy. It prevents users from seeing something before you're ready.

With this Divi Hack, you can create your own custom page, then Divi Hacks will automatically redirect all traffic to your Maintenance Page.

View Documentation & Examples

Divi Hacks

Show/Hide Content Based on User

This Divi Hack lets you personalize your website content based on the user role, or whether or not the user is logged in. This means you can show special content to buyers or subscribers, while showing different content to non-subscribers (such as a call to action to get them to subscribe).

This Hack works on any Divi section, row, column, or module.

View Documentation & Examples

Q

Closeable Elements

This Hacks gives you the ability to make any element on the page (section, row, column, module) closeable!

Learn More

Scheduled Content

Need to schedule when content will be shown? This hack gives you the ability to hide or show content based on date, time, or date and time.

Learn More

Custom Popups

Easily create click triggered popups without leaving the page! Any section, row, or module on your page can become a lightbox/popup.

Learn More

Exit Popups

Trigger a popup just before the user leaves your website (possibly forever!). Exit popups (or exit intent) is a highly effective method of keeping visitors!

Learn More

Divi Hacks

Closeable Elements

The Closeable Elements Hack lets you add a close button to any section, row, column, or module! When the close button is clicked, it will disappear from the page. Perfect for advertisements/promotions, announcements, and more!

Want the element to not appear again after the user closes it? The Closeable Element Hack can do that too!

View Documentation & Examples

Divi Hacks

Scheduled Content

The Scheduled Content Hack (also known as Show/Hide Content Based on Date/Time) lets you schedule any section, row, column, or module!

You can show or hide any element by time, date, or both. Want your restaurant lunch specials to only show up during lunch hours? It's very simple with the Scheduled Content Divi Hack!

View Documentation & Examples

Divi Hacks

Custom Popups

The Custom Popups Divi Hack is the quickest and easiest way to create beautiful popups with Divi.

Without leaving the page, you can transform any Divi section, row, column, or module into a ligthbox popup! Then, you can set anything else on the page as a click trigger.

View Documentation & Examples

Divi Hacks

Exit Popups

The Exit Popups Divi Hack will trigger a popup when it's needed most: just before the visitor clicks the back button in their browser.

This highly effective marketing tactic can be used as a 'last resort' effort to retain a visitor. Use the exit popup to show them one last offer they can't refuse before they leave your website forever.

View Documentation & Examples

p

Custom Tooltips

Easily create custom tooltips with Divi! Any section/row/module can be triggered on hover/click as a tooltip from any other element!

Learn More

Custom Reveals

Custom Reveals are like magic. Click something, and something else reveals itself magically! This feature page is built with it!

Learn More

Q

Stacked Login Form

By default, the login module aligns the texts at the left, but with this hack allows you to keep stacked center your login form. 

Learn More

Custom Dropdowns (Mega Menus)

Add any Divi Library item as a mega menu dropdown from your navigation menu. Easy mega menu creation!

Learn More

Divi Hacks

Custom Tooltips

Tooltips are great for showing additional information "in-context" without having to trigger a popup or take the user to a new page.

The Custom Tooltips Hack allows you to create beautful feature-rich tooltips with Divi. Any section/row/column/module can be triggered by any other element on the page.

View Documentation & Examples

Divi Hacks

Custom Reveals

Revealing content on click is not just magical, it's also great for user-experience. In fact, this entire feature page with description is built with our Custom Reveals Divi Hack!

Click around on this page to see what's possible with the Custom Reveals Divi Hack. This Hack allows you to reveal anything WITH anything!

View Documentation & Examples

Divi Hacks

Stacked Login Form

This hack allows the login module title, body text, and login form to be stacked vertically.

View Documentation & Examples

Divi Hacks

Custom Dropdowns (Mega Menus)

Want to create a mega menu dropdown with the Divi Builder? With Divi Hacks, you can!

You can display any Divi Library layout item as a dropdown from any menu item. Now you can display forms, images, blurbs, (and any other Divi module) inside of your navigation menu dropdown!

View Documentation & Examples

Footer Reveal

This hack allows you to give a sweet animation to show your footer. The footer reveal shows your footer when you're scrolling.

Learn More

Custom Login Page

The default WordPress Login screen is boring, but more importantly, it's not branded to you or your client! This Hack changes that.

Learn More

Maintenance Mode

Create your own custom Maintenance Mode or Coming Soon page using Divi. All your traffic will automatically redirect to this page.

Learn More

Show/Hide Content Based on User

Show or hide content based on whether the user is logged in or out, or based on user role!

Learn More

Divi Hacks

Custom Login Page

Divi Hacks lets you easily create a custom login page for your visitors or clients. You can display your logo and branding (or your clients) instead of giving WordPress free advertising on your website. Plus, you can control every aspect of the design too.

Say goodbye to the painfully boring login screen with the WordPress logo, and say hello to awesome branded custom login pages from Divi Hacks!

View Documentation & Examples

Divi Hacks

Maintenance Mode

Whether you're just building the site, or applying updates/enhancements, having a Maintenance or Under Construction page is incredibly handy. It prevents users from seeing something before you're ready.

With this Divi Hack, you can create your own custom page, then Divi Hacks will automatically redirect all traffic to your Maintenance Page.

View Documentation & Examples

Divi Hacks

Show/Hide Content Based on User

This Divi Hack lets you personalize your website content based on the user role, or whether or not the user is logged in. This means you can show special content to buyers or subscribers, while showing different content to non-subscribers (such as a call to action to get them to subscribe).

This Hack works on any Divi section, row, column, or module.

View Documentation & Examples

Custom Tabs

Align the tabs to the top, bottom, left, or right side of the tab content. Plus a bunch of other tab design customizations.

Learn More

Columns in Menu Dropdowns

This hack enables columns in dropdown menus for better and cleaner menus.

Learn More

Footer on Bottom

This hack makes sure the footer always stays on the bottom of the window, which is especially useful for pages with little content.

Learn More

Dynamic Full Window Height

Make any section, row, or module the FULL height of the browser window automatically.

Learn More

Divi Hacks

Custom Tabs

Have you ever wanted to create vertical tabs instead of the same boring horizontal tabs? Well now you can easily with Divi Hacks! Plus, you can create tabs with other alignments such as bottom and right.

View Documentation & Examples

Divi Hacks

Columns in Menu Dropdown

This Hack is perfect for simple and clean mega menus, but gives you more control than Divi's built in basic mega menu. For more advanced mega menus, take a look at the Custom Dropdown hack.

View Documentation & Examples

Divi Hacks

Dynamic Full Window Height

This hack sets any element's height to the full height of the browser, allowing you to create engaging and immersive pages.

You can also choose to subtract the height of the #main-footer, #main-header, and #top-header.

View Documentation & Examples

Vertically Center Modules in Sections, Rows, & Modules

Without messing with CSS, you can vertically center ANY element.

Learn More


Divi Hacks

Vertically Center Modules in Sections, Rows, & Modules

Vertically centering things is something that should be easy, but it's often not. There's no easy way to center things vertically in Divi, and vertically centering elements in custom CSS is more difficult than it should be.

With Divi Hacks, it's simple! Just add the class, and Divi Hacks does the rest!

View Documentation & Examples

Preloader

Display an animated loading icon while your page fully loads. Divi Hacks gives you full control over the customization too!

Learn More

p

Font Awesome Icons

Divi Hacks gives you access to over a thousand icons from Font Awesome that can be used in any blurb, button, list or more.

Learn More

Background Effects

This hack allows you to add beautiful & engaging effects to the background of any Divi section, row, column, or module!

Learn More

Custom SVGs

The Hack allows you to add custom SVG shapes/graphics to your Divi website via the Divi code module, then style it easily.

Learn More


Divi Hacks

Preloader

Divi Hacks has includes over a dozen pre-made loading animations that will display as your website is loading the page. Use them how they are, or customize the transition, color, background overlay, and more.

Plus, Divi Hacks also lets you create your own from scratch, or upload any existing animation you already have to use as a preloader for your website.

View Documentation & Examples

Divi Hacks

Font Awesome Icons

The built in Divi Icons are great...but limited. Now with Divi Hacks you get access to over a thousand awesome icons from Font Awesome!

You can use these icons in blurbs, lists, buttons, or more. Then, you can style them in the builder just like you would a default Divi icon. Change the size, color, and more easily.

View Documentation & Examples

Divi Hacks

Background Effects

Add awesome effects (CSS Transform & Filter) to the element's background image by default, and also on hover.

Simply add the class, then fine tune for the ultimate control!

View Documentation & Examples

Divi Hacks

Custom SVGs

Create your own SVG graphics by putting the SVG path inside a code module and adding the class custom-svg. Then you can style it with some custom CSS.

(this Hack is not to be confused with the ability to upload SVG images to the media Library. View 'Enable SVG Uploads' from within the Admin Hacks feature list.)

View Documentation & Examples

a

Custom Menus

The Divi menu module add a bunch of styling by default. This Hacks removes it, so you can style it yourself within the Design tab!

Learn More

Custom Scrollbars

Add an extra layer of branding to your website by customizing the browser scroll bar to match your website color scheme.

Learn More

Equal Height Modules

This hack sets any number of elements to the height of the largest element of that same class. Perfect for creating a grid of blurbs like on this page!

Learn More

Parallax Anything

Divi has parallax built in, but it's very limited. This Hacks unleashes parallax, letting you add the effect to anything on your Divi page.

Learn More

Divi Hacks

Custom Menus

It's easier to start fresh and add the styling you want, than have to decide which styling you want to remove. This Hack does just that. It gives you more control and removes a lot of the default styling so you can apply your own inside the module settings.

View Documentation & Examples

Divi Hacks

Custom Scroll bars

This hack allows you to customize the look of the default scrollbars in Webkit-enabled browsers (Chrome, Safari).

It's easy to do in the Divi Hacks customizer! Just pick a color from the color picker for the scroll bar itself, as well as the background color. Or you can get really fancy and crate a gradient scroll bar like you see here on Divi Hacks!

View Documentation & Examples

Divi Hacks

Equal Height

Ever create a grid of blurbs or other elements, but frustrated that they're unequal heights due to different numbers of characters/words? Well we have, and that's why we created this Hack!

This Hack is simple to use, and extremely powerful! It gives your page that extra wow factor with clean lines and even spacing.

View Documentation & Examples

Divi Hacks

Parallax Anything

You're no longer confined to using Parallax to the limitations of Divi.

With this hack you can easily add the Parallax effect to any section, row or module.

View Documentation & Examples 

Add Dividers to Columns, Rows, Modules

By default, Divi only allows the divider into the sections, but with this hack, you can add them anywhere!

Learn More

~

Better Password Protected Login Screen

The default Password Protected Login Screen is awful, but with this hack, you can style it to make it better.

Learn More

Custom Tables

This Hack allows you to make tables responsive, as well as add a lot of cool style customizations that will make your tables less boring.

Learn More

Hide Header/Footer/Logo on Page-by-Page Basis

Hide the header, footer or logo on specific pages with this hack.

Learn More

Divi Hacks

Add Dividers to Columns, Rows, Modules

This hack allows you to add section dividers to any section, row, column, or module. We've included a few other shape dividers in addition to the ones Divi already provides. 😉

View Documentation & Examples

Divi Hacks

Better Password Protected Login Screen

With this hack, you can add some custom styling to improve the password form for password-protected post types.

View Documentation & Examples

Divi Hacks

Custom Tables

Tables are considered old-school and outdated when it comes to web design, however sometimes they're necessary to organize and display a lot of information.

But what about mobile? They typically look awful and are not practical for mobile. This Hack changes that!

View Documentation & Examples

Divi Hacks

Hide Header/Footer/Logo on Page-by-Page Basis

Ever needed more control over your header/footer/logo than Divi provides out of the box?

This hack allows you to hide the main header, top header, footer, and logo on a page to page basis.

View Documentation & Examples 

Current User Body Classes

With this hack you can add custom CSS for specific user roles, allowing you to personalize the site to each type of visitor that is logged in.

Learn More

Section Divider Shadows

This Hack lets you easily add elegant shadows to your section dividers, to help give your website an engaging and unique look.

Learn More

Custom Row Layouts

This Hacks allows you to easily create custom row layouts such as two column on mobile, and custom column widths, and more.

Learn More

Blurb Hover Effects

This Hack lets you easily transform the blurb module into a hover box with cool animations and descriptions that show on hover.

Learn More

Divi Hacks

Current User Body Classes

Website personalization is the future of web design, and this Hack takes you that direction!

Easily add styling or hide elements based on the user role that is logged in. You can hide entire sections or elements and have them only show up to customers, etc. The possibilities are endless.

View Documentation & Examples

Divi Hacks

Section Divider Shadows

This hack adds elegant shadows to section dividers, giving your page a unique engaging look that is different from the typical Divi website.

View Documentation & Examples

Divi Hacks

Custom Row Layouts

Divi doesn't allow you to customize the width of the individual columns. This Hack changes that!

Plus, you can have two columns on mobile, as well as create other row layouts too.

View Documentation & Examples

Divi Hacks

Blurb Hover Effects

No need to add custom modules just to create cool hover effects with descriptions. Divi Hacks can do it all!

With Divi Hacks Blurb Effects, you can choose between 12 different animation options as well as several different customization options too.

View Documentation & Examples

p

Blurb Styles

This Hack will add cool and unique blurb styles that will help your blurbs stand out from the crowd, and catch attention.

Learn More

Module Styles

This Divi Hack adds extra (and unique) styling to any Divi module by simply adding the corresponding class to the Divi module. 

Learn More

Fancy Text Styles

Go beyond changing fonts and basic styling. This Hack lets you add eye-catching text styles like you've never seen before.

Learn More

Image Shapes

This Hacks lets you turn your images into unique shapes. With over 30 shapes to choose from, you'll make your website stand apart.

Learn More

Divi Hacks

Blurb Styles

This Hack adds unique blurb styles to your website such as Heading Banner, and Circle Blurb.

Easily transform your blurb module by adding the corresponding class.

View Documentation & Examples

Divi Hacks

Module Styles

This hack lets you transform any Divi module with ease by adding the corresponding class.

Add things like corner shadows, vertical/horizontal bend shadows, bevels, frames, and fractals.

View Documentation & Examples

Divi Hacks

Fancy Text Styles

These text effects will add the creative touch to your designs you've been waiting for. They're unique, and a great escape from the boring typography that everyone is used to seeing.

Easily add text effects like pop, long shadows, inset, emboss, outline, cutout, and cutout parallax.

View Documentation & Examples

Divi Hacks

Image Shapes

Add that final unique touch you've been looking for, and stop creating generic websites that put your visitors asleep!

Simply add an image with the image module, then add the CSS class for the shape you'd like to use.

View Documentation & Examples

p

Hover Animations

Divi's built in animations are nice, but limited. This Hack gives you more options, and more control. Choose from 29 animations!

Learn More

Module Shapes

Just like the image shapes Divi Hack, this hack lets you transform any MODULE into any of the beautiful included shapes.

Learn More

Parallax Overlays

By default, the gradient overlays option doesn't work on sections that have parallaxed backgrounds. This hack fixes that.

Learn More

Background Image Blur

This Hack allows you to easily add blurred background images to any section, row, or module. It works alongside parallax too!

Learn More

Divi Hacks

Hover Animations

Choose from 29 unique animations, that you can use on any element on the page.

Div we mention these animations are pure CSS and lightweight?

View Documentation & Examples

Divi Hacks

Module Shapes

Add any of the included shape classes to any Divi module to transform it into a unique shape.

View Documentation & Examples

Divi Hacks

Parallax Overlays

Enable the Overlays on backgrounds with parallax active. This hack allows the section background have both options, parallax and overlay.

View Documentation & Examples

Divi Hacks

Background Image Blur

Set a background image for any element and make it blurry. This works on regular and parallaxed backgrounds and has different options for blurry.

View Documentation & Examples

p

Instagram Filters

Apply Instagram filters to any Section, Row, Column, or Module. Choose from 41 amazing different filters included with Divi Hacks.

Learn More

Animate Anything

Just like the Hover Animations Divi Hack, this Hack let you add gorgeous animations to any element on page load, and on loop.

Learn More

Divi Hacks

Instagram Filters

This hack will give any section, row, or module a cool instagram filter.

View Documentation & Examples


Divi Hacks

Animate Anything

With this hack you can enable the Animate.css library into your Divi site and animate any section, row, or module.

View Documentation & Examples

Q

Accordion Hover Blog Style

This Hacks gives you the ability to show the short description on hover, in a creative accordion style.

Learn More

Square Grid Blog Style

A new unique grid style for your Divi powered blog with a full-width view and hover effects.

Learn More

Featured Grid Blog Style

Highlight your featured blog posts with this gorgeous and unique new Divi blog style.

Learn More

Remove Sidebar from Archives

This hack will automatically remove the sidebar in archive pages.

Learn More

Divi Hacks

Accordion Hover Blog Style

Open the short description of your post in a sleek accordion style. This hack is triggered with a CSS Class and enabled in Divi Hacks 😍

View Documentation & Examples

Divi Hacks

Square Grid Blog Style

Add a new look for your blogs with a full-width view. This style works with the blog page and blog module, just add the class for it and then save changes 😎

View Documentation & Examples

Divi Hacks

Featured Grid Blog Style

This hack will give you a new style for your blog module and highlight the featured posts. Simply enable the hack in Divi Hacks and use the CSS Class to give the specific style.

View Documentation & Examples

Divi Hacks

Remove Sidebar from Archives

The default archive pages have a sidebar on the right side (or left side, depending on what you set in the Divi Theme Options). This hack removes that sidebar and gives the archives a full width view.

View Documentation & Examples

p

Blog Grid Corner Shadow

Add a sweet animation to your blog posts on hover 🤗

Learn More

Divi Hacks

Blog Grid Corner Shadow

This hack gives a grow on hover and corner shadows on the blog posts in grid mode. Works with the Filterable Blog Posts plugin too.

View Documentation & Examples

Mobile Parallax

Tired of your gorgeous parallax not working on mobile devices? This Hack fixes that issue allowing parallax to work on mobile.

Learn More

Collapse Mobile Submenus

Say goodbye to long mobile menus. This Hack with collapse your submenus on mobile!

Learn More

Reverse Columns on Mobile

This Hack will reverse the column stacking order that Divi does on mobile devices.

Learn More

Fixed Mobile Header

This Hack makes your Divi Mobile Menu sticky (fixed) to the top of the screen for improved user experience on mobile devices.

Learn More

Divi Hacks

Mobile Parallax

By default parallax only works for desktop in Divi. With this hack, parallax is available for mobile and tablets by simply enabling it in Divi Hacks.

Problem solved!

View Documentation & Examples

Divi Hacks

Collapse Mobile Submenus

The Collapsed Mobile Submenus (also called Nested Submenus) gives you the option to make your Mobile Submenus collapsed.

By default, Divi Submenus on mobile are displayed open. But with the help of this awesome hack, the submenus will be collapsed by until the user taps to view the submenu.

View Documentation & Examples

Divi Hacks

Reverse Columns on Mobile

Divi will stack your columns into a single column on mobile for mobile responsiveness. In some cases, the stacking order doesn't make sense with the context of the page.

This Hack fixes that and lets you reverse the order.

View Documentation & Examples

Divi Hacks

Fixed Mobile Header

Normally the default Divi Mobile Menu is not fixed (sticky) which can mean more scrolling for the user to get back to the menu.

This Hacks imrpoves the user experience and sticks the mobile menu to the top of the page.

View Documentation & Examples

p

Mobile Friendly Backend Builder

This hack makes the backend builder mobile-friendly so you can quickly edit pages on the go.

Learn More

App-Style Header on Mobile

Replace the default Divi mobile menu with an app-style mobile menu your visitors will love.

Learn More

Full Screen Divi Mobile Menu

This Hack will make your Divi movile menu open full-screen, instead of the classic dropdown.

Learn More

Off Canvas Mobile Menu

This Hack will turn your boring Divi mobile menu into a sleek and beautiful off-canvas menu that your visitors will simply love.

Learn More

Divi Hacks

Mobile Friendly Backend Builder

The Backend Divi Builder is not optimized for mobile. This Hack fixes that and allow you to use your touch-enabled device to make quick edits on the go to your Divi website.

View Documentation & Examples

Divi Hacks

App-Style Header on Mobile

If you are using the ‘Default‘, ‘Centered Inline‘, or ‘Centered‘ header style, this hack replaces the ugly mobile header with an app-style header.

View Documentation & Examples

Divi Hacks

Full-Screen Mobile Menu

This Hack will tranform your boring Divi mobile menu into a beautiful full screen mobile menu that not only looks great but is also very user-friendly.

View Documentation & Examples

Divi Hacks

Off Canvas Mobile Menu

Open your mobile menus with the "Slide-In" effect. 😍

This awesome animation is available with Divi Hacks. All you have to do is enable it in Settings!

View Documentation & Examples

Q

Wrap Elements in Shortcodes

Wrap any Divi element in shortcodes from 3rd party plugins.

Learn More

Show Admin Bar/Menu on Theme Builder

Force the WordPress admin bar menu to show within the Divi Theme Builder.

Learn More

Dim the Visual Builder Controls

Add some transparency to the Builder controls when you don't need them.

Learn More

Per-Page Code

Easily add custom HTML, CSS or JS to specific pages of your website and choose to place it in the Head or Body.

Learn More

Divi Hacks

Wrap Elements in Shortcodes

Wrap any Section, Row, Column, or Module inside a shortcode. (Works great with plugins like Custom Content Shortcode and Shortcodes Ultimate).

View Documentation & Examples

Divi Hacks

Show Admin Bar/Menu on Theme Builder

With this hack, you will add a better Admin menu with access to the most important features of Divi and Divi Hacks.

View Documentation & Examples

Divi Hacks

Dim the Visual Builder Controls

This hack dims the visual builder controls to 10% opacity when you aren’t using them so you can see the full page better.

View Documentation & Examples

Divi Hacks

Per-Page Code

This hack gives you the ability to add custom HTML, CSS, Javascript, or any other custom code (except PHP) to the <head> or </body> elements on a per-page basis.

View Documentation & Examples

p

Always Show Hover/Responsive Buttons

Remove the step to hover into each of the settings to reveal the options.

Learn More

Add Featured Image Column to Divi Library

Easily find saved library layouts by displaying the featured image!

Learn More

Divi Hacks

Always Show Hover/Responsive Styling Buttons

This hack makes the responsive and hover style buttons always visible in the visual builder, rather than only showing them when hovering over the label.

Divi Hacks

Add Featured Image Column to Divi Library

This hack enables the featured image column in the Divi Library.

Divi Hacks

Open Footer Credits in New Tab

This hack opens the footer credit links in a new tab.

View Documentation & Examples

p

Wider Visual Builder Popup

The Visual Builder popup is too small. This Hack fixes it, making things easier while building!

Learn More

White Label

Don't want the name 'Divi Hacks' showing in the backend? This Hack let's you whitelabel to any name.

Learn More

Space Between Classes

This Hack will add some space between custom CSS classes. Your eyes will thank you!

Learn More

Current User Meta Shortcodes

Display the User info (name, email, etc) anywhere on the page!

Learn More

Divi Hacks

Wider Visual Builder Popup

This hack makes it easier to browse the modules in the visual builder by making the add module popup wider.

View Documentation & Examples

Divi Hacks

White Label

Replace the word 'Hacks' with any other word, (such as your own branding). This will affect the strings 'Divi Hacks' & 'Hacks Customizer'.

View Documentation & Examples

Divi Hacks

Space Between Classes

This simple hack lets you view and edit classes easier in the visual builder by adding space between the classes.

View Documentation & Examples

Divi Hacks

Current User Meta Shortcodes

This hack gives you some shortcodes to display user meta data of the currently logged-in user.

 View Documentation & Examples

Q

Auto Hide/Show the Admin Bar

Hide the admin bar when you're logged in, until your mouse goes to the top of the screen.

Learn More

Make All Posts Full Width by Default

By default the blog posts have a sidebar, but with this hack you can set it fullwidth by default.

Learn More

Duplicate Pages/Posts

This Hack allows you to easily duplicate/clone pages and posts, instead of having to create from scratch each time.

Learn More

Enable SVG Uploads

By default WordPress doesn't allow SVG files into the Media Library, but this hack changes that, giving you clean and crisp images.

Learn More

Divi Hacks

Auto Hide/Show the Admin Bar

The black admin bar get in the way of designing sometimes, so this hack hides it until you need it.

View Documentation & Examples

Divi Hacks

Make All Posts Full Width by Default

This hack hides the sidebar and makes the content full width on all posts.

View Documentation & Examples

Divi Hacks

Duplicate Pages/Posts

Easily duplicate pages, posts, and Divi Library items from the admin dashboard.

View Documentation & Examples

Divi Hacks

Enable SVG Uploads

This hack enables the ability to upload SVGs to the media library.

View Documentation & Examples

p

Divi Theme Options Tweaks

Add some user-friendly tweaks to the Divi Theme Options that make it easier to use and work with.

Learn More

Visual Builder Module Hover

Make it easier to edit modules in the visual builder hover mode without module popups getting in the way.

Learn More

Divi Library Item Shortcode

Everything in the Divi Library will have a shortcode, allowing you to place any saved layout, section, row, or module within other modules!

Learn More

Divi Hacks

Divi Theme Options Tweaks

Adds customizations to the Divi Theme Options page to make adding Custom CSS easier.

View Documentation & Examples

Divi Hacks

Visual Builder Module Hover

The visual builder is amazing, but when you’re in hover mode, those little gray boxes get in the way when trying to edit modules, especially in text modules.

When turned on, this hack adds a gray outline to the modules when you hover over them to help you see which module you are selecting. It also moves the gray boxes outside the gray outline so they don’t obstruct your view.

View Documentation & Examples

Divi Hacks

Divi Library Item Shortcode

Thi hack opens up so many possbilities! Each item in your Divi Library (full layout, section, row, or module) will have a unique shortcode assostiaced with it that you can use to place layouts/sections/rows/modules inside or other modules.

You can design in the Divi Library and then use it within any other module, as tabs, accordions, price table, etc.

View Documentation & Examples

Divi Hacks

Add Quicklinks to Admin Bar

When you're on your mobile device, the 'Edit in Visual Builder' button is gone. This hack puts 'Edit in Visual Builder', 'Edit in Backend', 'Theme Options', and 'Divi Hacks' in the admin bar menu to easily access these pages from the front end.

View Documentation & Examples

p

Admin Dashboard Custom CSS

A new Admin CSS box to add your custom admin CSS within Divi Hacks.

Learn More

Divi Hacks

Admin Dashboard Custom CSS

Have you ever wanted to add custom CSS to the backend of WordPress to customize the way something in the WP admin panel looks for a client? You may have noticed that this can't be done with traditional CSS methods because front end CSS styles are not added to WP Admin. This hack will add a custom CSS box to Divi Hacks that is specfically for the admin area!

View Documentation & Examples

The Ultimate All-In-One Divi Customization Plugin is here! Start Creating Amazing Websites With Divi & Divi Hacks!