1. Home
  2. Docs
  3. Xpro Addons For Beaver Builder
  4. Modules
  5. Flip Box

Flip Box

Introduction

How to flip two boxes over each other in skew manners?

Yes! Flip Box provide an option of Skew Flip Box that flips the boxes over each other in skew manners.
Step 1: Open the Flip Box module setting in the Xpro Content Modules section.
Step 2: Drag and drop the Flip Box module.
Step 3: Go to the Style tab and open the Flip Type menu bar to select the Skew flip option from the dropdown menu.

Step 4: Now, go to Flip Box Front and Flip Box Back to make the necessary changes for the styles of both boxes. Click the Save button once you are done.

Step 5: Finally, refresh the web page and you will be displayed both front and backflip boxes to be flipped over each other in skew manners.

How to change the background of flip boxes as a picture?

Yes, Flip Box offer the background picture option for flip boxes instead of background color. Just follow the few steps to choose a background image for your flip box.
Step 1: Open the Flip Box module setting and drag and drop the Flip Box module.
Step 2: Go to the Flip Box Front or Flip Box Back tab and move to the Flip Style Front or Back. Select the Background Type as Photo from the dropdown menu and select photo from Media Library.

Step 3: Make the necessary Style changes according to your requirement and click the Save button once you are done.
Step 4: Finally, your background photo will be displayed on Flip Boxes instead of background color as:

Was this article helpful to you? Yes No

How can we help?