Flip Boxes

This is a flip box

Hover over me to flip me over.

This is the back of the flip blox

I have a button on the back to take the user somewhere else. Cool, huh?
Click Here

This is a flip box

Hover over me to flip me over.

This is the back of the flip blox

I have a button on the back to take the user somewhere else. Cool, huh?
Click Here
This is the Flip Box effect, and it is easy and fun to create.
  1. Add a section with as many columns as you need (one for each flip box).
  2. Drag the Flip Box widget onto the first column. Select its icon, add the titles and descriptions to the front and back of the card, and add button text and url to the back of the card. You can also adjust the settings to change the Flip Effect, Flip Duration, and 3D Depth.
  3. On the Style tab, adjust the background, typography, colors, and spacing of both the front and back of the box. I recommend getting one flip box completely set up exactly the way you like it, so you can more easily and quickly set up the rest. Once the first one is just right...
  4. Duplicate the flip box as many times as needed, and drag each duplicate box into the still empty columns.  Now, edit the icons and text of each.

Donna F. Cavalier is a woman of many interests, both online and off. A WordPress enthusiast since 2004, she fell in love with both GeneratePress theme and Elementor page builder. Together, they help create stunning WordPress websites. Hence, this site was born. She also has many other WordPress and web design related sites, such as WPLot.us (a WordPress maintenance service), CavalierWebDesign.com, DonnaFontenot.com, and others. She is also an author, with one novel, The Grave Blogger, and 2 children’s books Petal Pals: Swamp Adventure and Petal Pals: Off to Amarillo published, with others to be published soon. Finally, she is also a Southeast Louisiana Wedding Officiant, owner of Happy Life Weddings.

Share With Friends

Leave a Comment