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.
Using the Content tab, you can basically make a layout of a particular part of the website.
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.
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?
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.