Skip to content

How to Add a Vertical Flip Box in Elementor?

Table Of Content

By default a Flip Box flips horizontally. Setting Flip Type to Vertical changes the flip axis.

This doc corrects a defect found in the previous version of this page – its call-to-action link pointed at the wrong widget (see the notice below).

For the full settings tour of the Flip Box widget, see How to Add a Flip Box in Elementor.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Corrected in this update

This doc’s link to the Flip Box product page previously pointed at Image Cascading – a different widget – instead of Flip Box. That has been fixed below; if you bookmarked the old link, please use the corrected one on this page.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Widget to enable: go to The Plus Addons > Widgets, search for Flip Box and turn its toggle on.

Steps

  1. Add the Flip Box widget (or select an existing one).
  2. Under Content, set Flip Type to Vertical.
  3. Fill in the Front Side and Back Side content as normal.
  4. Publish and check the flip direction on the front end.
Flip type control set to vertical

Settings Overview

SettingWhat it doesDefault
Flip TypeChooses the flip axis – Horizontal or Vertical.Horizontal

Not verified

So you know exactly what has and has not been checked:

  • The vertical flip effect itself was not confirmed on the front end in this pass – see the main Flip Box doc’s Limitations for why. Test it on your own published page before relying on it.

Related Docs

Related Frequently Asked Questions

Related Docs