1. Home
  2. Docs
  3. Carousel & Slider
  4. Flip Carousel

Flip Carousel EA Element

EA Flip Carousel gives you the opportunity to showcase your product images in an impressive way. Flip Carousel element for the Elementor builder combines the power of “Info Box” & “Call to Action” block altogether with the stunning carousel effects. This element is the best and easiest solution for those who want to demonstrate images in a superb way on their site! Here in this tutorial, you’re going to learn how to use the Flip Carousel element into Elementor Page Builder. So let’s get straight into it:


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Flip Carousel Element

 

»Content

 

Flip Carousel Settings

⇒Carousel Type: Set the flip carousel type to customize the effect on your own preference using the options.

: Set the fade-in duration based on ms.

⇒Item Starts From Center? Enable/disable whether the flip carousel items should start from the center or not.

⇒Loop: Enable/disable the loop of the slider.

⇒Autoplay: Enable/disable the autoplay of the flip carousel.

⇒Autoplay Timeout (ms): Set the autoplay timeout in the carousel based on ms.

⇒Pause On Hover: Want to pause your carousel on hover? Enable/disable it here.

? Enable/disable whether you want to play on click or not.

⇒On Scroll Wheel Play? Enable/disable whether you want to play On Scroll Wheel or not.

⇒On Touch Play? For touch devices, enable the On Touch Play.

⇒Carousel Navigator: Enable the carousel navigator.

⇒Slide Spacing: Customize the slide spacing manually.

 

Flip Carousel Slides

Adding the Items:

Slide: Upload an image to add to the flip carousel slide.

⇒Slide Text: Add the slide text.

⇒Enable Slide Link: Enable/disable the slide link.

⇒Link: This is where you can add your Desire link or URL so that your flip carousel slide item can get alive by linking to other pages. Click the cog to set the link to either open in a new window or to add rel=nofollow to the link.

⇒Add Item: Use the ‘+Add Item’ button to add more items to the flip carousel slide.

 


»Style

 

Flip Carousel Style

⇒Background Color: Add a custom background color to the flip carousel.

⇒Padding: Set the padding value for the top, right, bottom and left around the flip carousel for different dimensions. You can link the values together or customize them individually.

⇒Margin: Set the margin value for the top, right, bottom and left around the flip carousel for different dimensions. You can link the values together or customize them individually.

⇒Border Type: Here, select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the flip carousel for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

⇒Border Radius: Set the border-radius around the flip carousel for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 

Navigator Style

⇒Navigator: Enable/disable the navigator into the flip carousel.

⇒Previous Icon: Add the icon for the previous navigation icon.

⇒Next Icon: Add the icon for the next navigation icon.

⇒Margin: Set the margin value for the top, right, bottom and left around the navigation icon for different dimensions. You can link the values together or customize them individually.

⇒Icon Size: Manually customize the size of the icons.

⇒Background Size: Manually customize the icon background size.

⇒Border Radius: Set the border-radius around the icons for different dimensions.

⇒Icon Color: Add a custom color to the navigation icon in the flip carousel.

⇒Background Color: Add a custom background color to the navigator icons.

⇒Border Type: Here, select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the navigator icon for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 

Color & Typography

⇒Content Style

→Color: Add a custom color to the flip carousel slide content if you add one in the slide.

→Typography: Set the typography options for the content.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of Flip Carousel Element.


 

Was this article helpful to you? Yes No

How can we help?