fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals
toggle-button-for-elementor
elementor-widget-library

Flip Box Carousel for Elementor

Create animated flip box cards in an interactive carousel layout.

Install Flip Box Carousel Widget for Elementor #

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Flip Box Carousel”
  3. Hover over the widget in the search results and click install
  4. Add your Flip Box Carousel widget to any Elementor Page

General Settings #

1

Loop

Infinity loop. Duplicate last and first items to get loop illusion.

2

Center

Center item. Works well with even an odd number of items.
3

Margin Between Slides

The margin between the items set in pixels.

4

Autoplay

Plays the slides automatically 

5

Autoplay Hover Pause

Pause on mouse hover.

6

Autoplay Interval

The time between each autoplay interval timeout.

7

Transition Speed

The speed it takes the slides to slide.

8

Dots Navigation

Show bullets to navigate carousel.

9

Arrows Navigation

Show arrows to navigate carousel.

10

Number of Items

The number of items you want to see on the screen.

11

Stage Padding

Padding left and right on stage (can see neighbours). Creates an offset carousel effect.

Flip Box Settings #

1

Height

The height of the flip box cards.

2

Border Radius

Add rounded corners to the flip box cards.

3

Trigger

Activate effect on hover, click or trigger icon.

4

Effect

Flip, Flip Alternative, Slide, Push, Swap, Fade, Zoom In, Zoom Out

5

Effect Direction

Left, Right, Up, Down

6

Duration

Animation duration in milliseconds. 

7

Add 3D Depth

Give 3D perspective to elements in the content boxes..

Arrow Settings #

Set the arrow icons of the arrow navigation when turned on.

Connected Widget Settings #

1

Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2

Widget Name for Connection

The name will be used to connect and controls this widget by other widgets.

3

Sync

Connect between two diffrent item based widgets and sync them together.

4

Sync Group

Select the same group for two or more item based widgets for them to sync together.

5

Show Debug

Show information about remote widgets that are connected to thhis widget.

Items #

Manage the slides of the carousel using the repeater.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items

Item - Front #

Edit the front side content of the carousel item.

Item - Back #

Edit the back side content of the carousel item.

Item - Color Overrides #

Override the colors for a specific item.

Item - Background Image Overrides #

Override the backgrounds image for a specific item.

Widget Styling #

Various styling options are included to control every design aspect of the widget. Modify the colors to match your site’s look and feel. Customize the text, icons, fonts and layout to make the widget look and work exactly how you want it too.

Usage Examples #

Flip Box Carousel with 3D depth on flip effect.

Flip Box Carousel with slide effect on hover.

Two Flip box Carousels synced together with Remote Control Bullets.

Flip Box Carousel with Remote Control Arrow Navigation and Remote Counter.

Video Overview #

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!