The Flip Box is a fun, interactive component which can be used to feature any sort of content.
A Flip Box can be set to display at any width, and a minimum height can be set. You can also control the overall Horizontal Alignment of the text (Left, Center, Right) & Vertical Alignment of the text (Top, Center, Bottom.)
The Front Side can contain text, an optional icon, an optional image, and an optional overlay color. If you do not wish to use an image, you can use a solid color. You can set the text color to display as either light or dark. If you use an icon, the icon must be from one of the icon libraries contained in the theme.
The Back Side can contain text set in a WYSIWYG editor, an optional image, and an optional overlay color. If you do not wish to use an image, you can use a solid color. You can set the text color to display as either light or dark. A simple CTA link can be added in the WYSIWYG editor, such as in the examples below in the Animation Options section. There is currently no way to set the entire component as a link.
Flip Direction Animation options include: Flip Horizontal to Left, Flip Horizontal to Right, Flip Vertical to Bottom & Flip Vertical to Top. Scroll down for examples of these in action.
Flip Box Animation Options
Horizontal to Left
Annual Carnival
Upcoming Event
Annual Carnival
A true community celebration in the heart of Kansas City. Join us for the craft fair, Farmers’ Market, live music, great food, and more.
Horizontal to Right
Annual Carnival
Upcoming Event
Annual Carnival
A true community celebration in the heart of Kansas City. Join us for the craft fair, Farmers’ Market, live music, great food, and more.
Vertical to Bottom
Annual Carnival
Upcoming Event
Annual Carnival
A true community celebration in the heart of Kansas City. Join us for the craft fair, Farmers’ Market, live music, great food, and more.
Vertical to Top
Annual Carnival
Upcoming Event
Annual Carnival
A true community celebration in the heart of Kansas City. Join us for the craft fair, Farmers’ Market, live music, great food, and more.
Flip Box Examples
Skincare You'll Love
Premium Skincare For All Your Beauty Needs
Daily Anti-Acne Cream
Hydration
Daily Anti-Acne Cream
A multi purpose cream that fights breakouts while keeping skin youthful.
Magic Eye Kit
Eye Care
Magic Eye Kit
Super charged active retinol cream that fights off stubborn eye bags 24/7.
Nectar Secret Serum
Cleanser
Nectar Secret Serum
The best kept secret in the skincare world can finally be yours.
Vitamin C Serum
Mask
Vitamin C Serum
Protect and rejuvenate your skin with our most potent vitamin C serum yet.
Natural Face Wash
Hydration
Natural Face Wash
Easily get the vitamins you’ve been missing for the ultimate, flawless, perfect skin.
Soothing Moisturizer
Exfoliate
Soothing Moisturizer
An excellent source of antioxidants to sooth your skin. Made from waterlily extracts.
There are countless reasons why our service is better than the rest, but here you can learn about why we’re different.
Use It Anywhere
Nullam gravida tellus lectus, in bibendum quam euismod
Use It Anywhere
This is an amazing Nectar Flip Box element. Any content can be displayed on both sides to suit your specific project needs.
Secure Payments
Duis lorem magna, bibendum sed suscipit ut nec mauris.
Secure Payments
You have control over the background image & color in addition to the optional color overlay as well.
Detailed Statistics
In pharetra imperdiet facilisis. Integer elementum augue
Detailed Statistics
You also can control the flip direction. This example shows the “horizontal flip to left” option exclusively though.
Scheduled Payments
Nullam gravida tellus lectus, in bibendum quam euismod
Scheduled Payments
You can also control the X and Y axis for content positioning. This example shows all set to the middle.
Visa Gateway
Interdum et malesuada fames ac ante ipsum primis
Visa Gateway
These flip boxes are also placed within a carousel element which is completely optional. They can live in regular columns if desired.