Turn Your Minimum Efforts Into Maximum Results

Table Of Contents

Flip Box Widget

How to Use Flip Box Widget

The Flip Box is a very handy and fun tool. This widget is designed to showcase your pieces of information in a unique way. The most amazing thing is that Flip Box flips whenever you hover something over it!

Hence, I’ll be giving you a full tour of how this widget works for you. Note that, this widget is developed by Element Pack.

To Insert Widget

Inserting widget is just a piece of cake. However, take a look at the screenshot and you can do it too.

Content Tab

Using the Content tab, you can basically make a layout of a particular part of the website.


Front Items

Go to Content Tab> Front

After you drag and drop the widget in a new section, you will see the Front section and some options in it. From there, you have the option to choose a logo or an image or you can choose to keep it blank as well (marked blue).

Go Front> Content> Icon Type> None / Image / Icon.

You can make your logo visible with 3 different styles and still have more options to customize further. Simply Go View> Default / Stacked / Framed.

In the Background option, you can choose any image and set it as the background of the front side of Flip Box. However, you can also choose a gradient color as well. Meanwhile, you may want to tweak around this menu.


Go to Content Tab> Back

As for the Back part, there you will find a Button Text option and a box to put Link. You can put your link in the Link box. Therefore, anyone Clicking that button will redirect to wherever the Link goes. However, the Background option has similar settings as previously.


In the Settings section, you have the option to change the height or border-radius of your Flip Box.

Hence, Go to the Content tab >Settings >and check additional options.

Style Tab

Now, time for some Style. In this Style tab, you will be given more options to make your Flip Box look more like what you expect.

In other words, Styling with the Style tab in the Elementor will always give you a fantastic experience. Let’s have a look.


Go to Style Tab> Front

In the Front section under the Style tab, you will find some specific options. However, you can Customize Padding, Vertical Position, Border Type from here. Also, you can add spacing, colors, size, padding, or add a border to the Icon, Title, and Description. Also, you can rotate the icon.


Go to the Style tab >Back >and check the options (similar to Front).

Make sure to check Typography. It has cool stuff inside. And you can apply these settings to both the Title and the Description.


Go to Style Tab> Button

Lastly, with this Button section, you can give a unique look to the click-box. Note that, you can add a gradient color or mix color and drop a shadow on the box. Pretty simple right?

Video Assist

Well done. Seems you have learned the whole thing and how it works. But, it is easy and fun. Watch Video Assist and to get more in-depth ideas about the usage of Flip Box widget, take a tour to the demo page.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge