How to edit the Flip Box widget

17 steps
2 minutes

Open the page you want to edit an Flip Box widget on, in the Elementor page builder.

Click directly on the Flip Box widget you want to edit on page. This will open the Flip Box settings in the left sidebar.

For the front side of the Flip Box widget, you have the option to select a Graphical Element to display above the text. This can be an image, icon, or neither. *The screenshot for this step shows a user selecting an icon from the Font Awesome Icon Library.

Click into the "Title" & "Description" fields to update the front side of the Flip Box content. You can type directly into the text inputs.

Click the "BACKGROUND" tab to open the front side background settings.

To update the front side background image, Click into the "Choose Image" input box.

Search for an existing image in the website Media Library, and Click on that image block. Or Upload a new image file to the website.

Once the new image is selected in the Media Library, Click the "Insert Media" button to add the image to the Flip Box widget.

Click into the "Background Overlay" input to update the color and opacity of the background image overlay.

To update the background color adjust the slider settings or paste in a color hex code.

Click the "Back" tab to open the back side settings for the Flip Box widget.

Click into the "Title" & "Description" fields to update the back side of the Flip Box content. You can type directly into the text inputs.

Click into the "Button Text" field to update the button text. Below that input you will find the "Link" input where you can paste in an external URL or dynamically link to a website page.

Click the "BACKGROUND" tab to open the back side background settings.

To update the back side background image, Click into the "Choose Image" input box. Click into the "Background Overlay" input to update the color and opacity of the background image overlay.

Click the "Settings" tab to open the general Flip Box widget settings.

In the "Settings" tab you can update the Flip Box widget Height, Border Radius, Flip Effect (animation), and the corresponding Flip Direction.

How to edit the Flip Box widget

17 steps
2 minutes