43 Divi customizations at the flick of a switch

The Divi Module Editor has been a great success for SJ over at divi.space*, and the new Divi Switch Plugin* is it’s updated replacement. The plugin adds 43 switches to your WP dashboard that allows cistomizations to be switched on/off with just the flick of a switch.

customize divi with divi switch plugin

See The Divi Switch Plugin in action below;

How many of these have you searched for before?!

REMOVE THE MENU BOTTOM LINE
Remove the line and shadow underneath the main menu.

MOBILE MENU ON DESKTOP
Get the Divi hamburger mobile menu on desktops and other larger devices.

SIDE MENU – LIGHT
Mobile menu slides in from the right. Use this switch for the light version.

SIDE MENU – DARK
Mobile menu slides in from the right. Use this switch for the dark version.

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.

‘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: ‘button-dark’ ‘button-light’ ‘button-blue’ ‘button-yellow’ ‘button-red’ ‘button-green’

‘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: ‘button-dark-3d’ ‘button-light-3d’ ‘button-blue-3d’ ‘button-yellow-3d’ ‘button-red-3d’ ‘button-green-3d’

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’

REMOVE THE DIVIDING SIDEBAR LINE
Get rid of the thin grey line that separates the sidebar from the main content.

CENTER ALIGN TOP HEADER
Put the top header items into the middle

HIDE BOTTOM FOOTER
Remove the bottom footer, the one with the ET links.

TOP SECTION SEPARATORS
You can add three different separator styles to the tops of your sections. Just add ‘ds_up_arrow_section’, ‘ds_slant_top’ or ‘ds_up_circle_section’ to your section’s custom CSS class box in the custom CSS tab.

BOTTOM SECTION SEPARATORS
You can add three different separator styles to the bottom of your sections. Just add ‘ds_down_arrow_section’, ‘ds_slant_bottom’ or ‘ds_down_circle_section’ to your section’s custom CSS class box in the custom CSS tab.

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: ‘ds_grayscale’ ‘ds_saturate’ ‘ds_blur’ ‘ds_invert’ ‘ds_brighter’ ‘ds_sepia’

REPLACE THE TOGGLE PLUS ICON WITH ROTATING ARROW
A mobile style menu on desktops and other larger devices.

SQUARE PORTFOLIO IMAGES
Make portfolio grid images perfectly square

‘BOOK’ PORTFOLIO IMAGES
Make portfolio grid images the same aspect ratio as a book cover

‘CINEMA’ PORTFOLIO IMAGES
Make portfolio grid images the same aspect ratio as a widescreen. Great for showing off video stills or images.

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

BLURB ICON GROW
Make blurb icons grow on hover

BLURB ICON SPIN
Make blurb icons spin on hover

SLIDE DECRIPTION FLY IN LEFT
Change the slider description default transition to fly in left

SLIDE DECRIPTION FLY IN RIGHT
Change the slider description default transition to fly in right

SLIDE DECRIPTION FLIP ON Y AXIS
Change the slider description default transition to flip on Y axis

SLIDE DECRIPTION FLIP ON X AXIS
Change the slider description default transition to flip on X axis

SLIDE IMAGE & VIDEO FLY IN LEFT
Change the slider image default transition to fly in left

SLIDE IMAGE & VIDEO FLY IN RIGHT
Change the slider image default transition to fly in left

SLIDE IMAGE & VIDEO FLIP ON Y AXIS
Change the slider image default transition to flip on Y axis

SLIDE IMAGE & VIDEO FLIP ON X AXIS
Change the slider image default transition to flip on X axis

REMOVE BULLET POINTS FROM FOOTER
Remove the footer bullets and reposition the links properly.

STOP GALLERY IMAGES OPENING A LIGHTBOX
Stop the gallery opening up the lightbox when clicked.

ENLARGE THE PHONE AND EMAIL INFO IN TOP HEADER
Make the info in the top header bigger.

HIDE THE LOGO BEFORE SCROLL
Set the logo to appear as the user scrolls down.

REMOVE THE BORDER LINE ON TOP OF SUBMENUS
Get rid of that default blue line on top of submenus

FIXED HEADER ON MOBILE
Stop the header scrolling off the page in mobile

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

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.

STYLE CONTACT FORM 7
Divi styles for CF7 users with one switch!

HIDE COUNTER WHEN IT HITS ZERO
Set the timer/counter module to dissappear when it gets to zero.

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.

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

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

PROJECT OVERLAY – SLIDE UP
Make project overlays slide up on hover. One of three overlay hover effects available in Divi Switch

How much of your time does $20 buy?

I know i have many of these already added to my various sites and i would have spent a lot more time working out how to do them than the $20 price for the Divi Switch Plugin! A bit of a no-brainer here. Save yourself a lot of time and get some cool Divi customizations at the flick of a switch (or 43)

As this is an updated, re-branded version of the Divi Module Editor, if you have already purchased The DME via divi.space, then the Divi Switch plugin is free and will automatically appear in your Divi Space dashboard.

Comments

comments

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!

Pin It on Pinterest