Divi Hacks

Divi Website Award
Category: Tag:
Date Added: July 10, 2018


Divi Hack plugin for the Divi Theme

The Divi hacks plugin for Divi adds various hacks to your Divi site without having to search and implement the code yourself.

DiviHacks plugin features

Create custom row layouts, change column structure on mobile devices, and modify column widths.
learn more

Center Alignment
Vertically center content inside sections, rows, and modules
learn more

Mobile Menus
Jazz up the boring mobile menu with a slide-in or fullscreen mobile menu.
learn more

Force Footer to Bottom
This hack stops the footer from floating in the middle of pages that have very little or no content.
learn more

Sticky Element
Create custom row layouts, change column structure on mobile devices, and modify column widths.
The documentation menu above is an example.

learn more

Lightbox Anything
Put any section, row, or module inside a lightbox or popup. Go ahead, click me to try it out!

learn more

Auto-Hide Admin Bar
Hide the admin bar while on the front-end and activating it by hovering over the top 10px of the window.
learn more

User Meta Shortcodes
Easily display the first, last, full, and display names, email, and avatar of the currently logged in user.
learn more

Coming Soon/Maintenance Mode
Create a custom coming soon/maintenance mode page to show to non-logged-in visitors, instead of the rest of the website.
learn more

Custom 404 Page
Display a custom page when visitors navigate to a page that doesn't exist and get the 404 error page.
learn more

Custom Login Page & Default Login Customizations
Customize the default WordPress login page, or create your own custom page.
learn more

Custom Tab Alignment
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

Mobile Reverse
Reverse the order of columns in a row on both tablets and phones.
learn more

Full Height Element
Make any section, row, or element the full height of the browser window. You can also subtract the height of the headers and footer for more customization.
learn more

Parallax Overlays
Enable a background overlay color and gradient on parallaxed background images and add additional classes to reflect and rotate the gradient.
learn more

Blur Parallax Backgrounds
Make your content stand out by bluring the background parallax images.
learn more

Text Styles
Give any text in a button or text module some fancy, 3D styles.
learn more

Module Shapes
Give your elements shapes to add perspective and make your content stand out.
learn more

Image Shapes
Turn your images into shapes.
learn more

Mobile Headers
Transform the default header on mobile devices.
learn more

Replace RSS Icon with Instagram Icon
Who uses that RSS icon? This replaces it with the Instagram icon.
learn more

Turn the blurb into a perfect circle.
Heading Banner
Give the blurb module a cool banner background for the blurb title.
learn more

This is an example of using the testimonial module as an event box.
learn more

Presented by Event Facilitator or Subtitle
Event Box

Instagram Filters
Give any module, column, row, or section one of 41 different Instagram filters.
learn more

Elegant Sidebar Shadow
Give the sidebar an elegant shadow to the inside of the page.
learn more

Instagram Icon Gradient
Give your Instagram Icon in the Social Media Follow Module the cool Instagram gradient.
learn more

Add cool animations to your elements when the page loads, and also when you hover over the element.
learn more

Edit in Visual Builder
Add a link to your WordPress pages page to open and edit the page using the front-end Visual Builder.

Blurb Effects
Create cool animated blurbs with hover effects.

Blog Styles
Transform a boring full-width blog module layout into 3 different layouts.

Mobile Headers
Transform the default header on mobile devices.

Menu Animations
Add some hover animations to your default menus.

Hide/Show Content if Logged In/Out
Easily hide or show content to people who are logged in or out.

Element Shadows
Add shadows to elements for a more 3D, realistic style.

Divi Theme Options Tweaks
Improve your experience when adding custom CSS to the Custom CSS box in the Divi Theme Options.

Modules Inside Modules
Easily insert modules inside other modules by using a shortcode.

Collapse Mobile Submenus
Collapse your submenus on mobile devices

Device-Specific Classes
Write Custom CSS for specific devices (responsive css) without the need for media queries.

Mobile-Friendly Backend Builder
Edit your website on the go with a fully responsive backend builder.

Visual Builder Module Hover Helper
Edit your content in visual builder's hover mode without all the grey boxes getting in the way of your text.

Section Divider Shadows
Add elegant shadows to your section dividers

Add Quick Links to Admin Bar
Edit your website on your mobile device easier with quick links to the visual builder and Divi theme options page.
learn more

Columns in Dropdowns
Enable columns in the primary and secondary menu dropdowns.

Duplicate Pages/Posts/Layouts
Easily duplicate a post, page, or Divi layout from the admin dashboard.

Font Awesome Icons in Menus
Enable over 1,100 icons from Font Awesome in the primary, secondary, and footer menus.

Hide Headers, Footer, & Logo on a Page-by-Page Basis
Easily hide the primary menu bar, the secondary menu bar, the logo, and/or the footer on a page-by-page basis by adding simple custom fields to the page or post.

SVG Uploads
We've enabled SVG support so your graphics and logo can look super crisp no matter what size!

Extended Theme Customizer
We've added tons of new settings to the default Divi Theme Customizer to make customizing the header and footer a whole lot easier!


There are no reviews yet.

Be the first to review “Divi Hacks”

Your email address will not be published. Required fields are marked *

Buy Divi products in the Divi marketplace

Verified 3rd party Divi extensions, child themes & layouts. *Affiliate link

Get 20% discount on Elegant Themes membership using my affiliate link.

Get 20% discount on Elegant Themes membership using my affiliate link.

Divi Products

This site lists the best hand picked Divi websites & products from developers all over the world so you get to see only the very best.  Our junk filter is ON!

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.