Select Page

How can we help you today?

Categories
← Back
Print

Flip Box

With the Flip Box module, you can create interactive blurbs with a twist. Reveal additional content on the back of the module on hover. You can add an icon and/or Image, Title Text, Descriptions, and a Button on both sides independently. This module is great for showcasing your portfolio, services, events, products, and more!

View Demo

 Content Settings

In this section, you can add the Title, Image or Icon, Body Text, and enable/disable the Button on the front and back of the card. To add content to your Flip Box module go to Content → Front Side/Back Side

Settings

In this tab, you can define the height of the card, animation speed, and content alignment on the front and/or back card. Customize these settings in Content → Settings

Flip Animation

The Flip Animation settings are a core part of this module. Here you can select the animation direction, add 3D Content Effects, or enable a 3D Flipbox Effect. To access animation settings go to Content → Flip Animation

Design Settings

In the Design Tab, you’ll find customization options for all the Flip Box elements, as well as the usual default Divi module settings.

Front Background – Add background color or image to the front
Back Background – Add background color or image to the back
Front Image/Icon – Customize the front image or icon
Back Image/Icon – Customize the back image or icon
Front Text – Customize the front text (title & description)
Back Text – Customize the back text (title & description)
Front Button – Customize the front button
Back Button – customize the back button

Previous Fancy Text
Next Floating Images
Table of Contents