{"id":73071,"date":"2018-11-09T09:45:25","date_gmt":"2018-11-09T14:45:25","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=73071"},"modified":"2020-03-18T22:26:01","modified_gmt":"2020-03-19T02:26:01","slug":"flip-carousel-elementor","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/flip-carousel-elementor\/","title":{"rendered":"Highlight Important Blog Content Using Flip Carousel For Elementor"},"content":{"rendered":"<div class=\"elementor-element elementor-element-bf6dfe7 elementor-widget elementor-widget-heading\" data-id=\"bf6dfe7\">\n<div class=\"elementor-widget-container\">\n<p>As content creators, we are always looking for new ways to present our content. But given the situation where we need to add a certain level of action to our content but at the same time ensure that it stays a sober one, what do we do?<\/p>\n<p>You can add action to images using <strong>EA Flip Carousel for Elementor<\/strong>. And rest assured it will not blow your Image Gallery over the top.<\/p>\n<\/div>\n<\/div>\n<p><!--more--><\/p>\n<div class=\"elementor-element elementor-element-e39f38b elementor-widget elementor-widget-text-editor\" data-id=\"e39f38b\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><a href=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/FLIP-CAROUSEL-FOR-ELEMENTOR.png\" rel=\"nofollow noopener\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-179899\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/FLIP-CAROUSEL-FOR-ELEMENTOR.png\" alt=\"\" width=\"1280\" height=\"720\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/FLIP-CAROUSEL-FOR-ELEMENTOR.png 1280w, https:\/\/assets.wpdeveloper.com\/2018\/11\/FLIP-CAROUSEL-FOR-ELEMENTOR-300x169.png 300w, https:\/\/assets.wpdeveloper.com\/2018\/11\/FLIP-CAROUSEL-FOR-ELEMENTOR-768x432.png 768w, https:\/\/assets.wpdeveloper.com\/2018\/11\/FLIP-CAROUSEL-FOR-ELEMENTOR-1024x576.png 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/p>\n<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/essential-addons.com\/elementor\/wp-admin\/post.php?action=edit&amp;post=2042\" target=\"_blank\" rel=\"noopener\">Flip Carousel For Elementor<\/a><\/h2>\n<p>Do you believe working with plain images limit you in certain ways? Well in fact it does. It is very hard to build an image gallery that looks alive no matter how colorful the images are.<\/p>\n<p><a href=\"https:\/\/essential-addons.com\/elementor\/flip-carousel\/\" target=\"_blank\" rel=\"noopener\"><strong>EA Flip Carousel<\/strong>\u00a0<\/a>is a strong element for image-based content. This element adds motion to images no matter how dull they are. It lets you add multiple images as sliders. You can label each slider with a distinct name. You will get 4 carousel types to pick from. Furthermore, it is more interactive than you think. Your site visitors can scroll their mouse to interact with the carousel.<\/p>\n<p>So let&#8217;s learn how to use the EA Flip Carousel element.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>First, you need to find the EA Flip Carousel element from the Elementor Side Panel.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-73077\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/Screenshot.png\" alt=\"\" width=\"376\" height=\"655\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/Screenshot.png 376w, https:\/\/assets.wpdeveloper.com\/2018\/11\/Screenshot-172x300.png 172w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/p>\n<ul>\n<li>Then you need to adjust the flip Carousel Settings. The very first thing I did was pick a Carousel Type from the drop-down. There are four different styles for the Carousel-<strong> Cover-flow Style,\u00a0 Carousel Style, Flat Carousel Style<\/strong>, and <strong>Wheel Style<\/strong>. Are you finding it hard to picture the styles in your head? Don&#8217;t bother with guesswork, you can check out Live Demo before you pick a Carousel style.Click here to see <strong><a href=\"https:\/\/essential-addons.com\/elementor\/flip-carousel\" target=\"_blank\" rel=\"noopener\">EA Flip Carousel Demo<\/a><\/strong>. I am going to use Autoplay and Loop in my Carousel, so let&#8217;s keep those toggle bars turned on. And I will not include Navigator in my Carousel so let&#8217;s toggle it off.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-73078\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Flip-Carousel-Settings.png\" alt=\"\" width=\"380\" height=\"655\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Flip-Carousel-Settings.png 380w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Flip-Carousel-Settings-174x300.png 174w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/p>\n<ul>\n<li>Now its time to add cards for the Carousel. Each and every item on the Carousel will be represented using a Content Card. You can add new card by either duplicating an existing card or creating a completely new one.<\/li>\n<\/ul>\n<ol>\n<li>Click here to duplicate an existing card.<\/li>\n<li>Click here to remove a card.<\/li>\n<li>Click here to add a new card.<\/li>\n<li>Select and hold to rearrange the cards, highlighted using the rectangle.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-73081\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Flip-Carousel-Cards.png\" alt=\"\" width=\"380\" height=\"482\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Flip-Carousel-Cards.png 380w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Flip-Carousel-Cards-237x300.png 237w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/p>\n<ul>\n<li>Then you need to adjust the Cards, let&#8217;s take a look inside the Card layout. Each card will have a Slide image field, a Slide Text field, and a Slide Link field. If you don&#8217;t find the Slide Link field know that you need to first enable the feature by turning on the toggle bar.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-73079\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2018\/11\/EA-Flip-Carousel-Cards-Card-Content.png\" alt=\"\" width=\"379\" height=\"563\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Flip-Carousel-Cards-Card-Content.png 379w, https:\/\/assets.wpdeveloper.com\/2018\/11\/EA-Flip-Carousel-Cards-Card-Content-202x300.png 202w\" sizes=\"(max-width: 379px) 100vw, 379px\" \/><\/p>\n<h3>Wrapping Up!<\/h3>\n<p>That covers all the essential parts of using the EA Flip Carousel element. Do let us know if you have any further queries regarding this element. In the meantime, we want to ask you if you think it is possible to\u00a0<strong>Design Modern WordPress Sliders Quickly Using Elementor?\u00a0<\/strong>Don&#8217;t rush, read our blog where we show you <strong><a href=\"https:\/\/wpdeveloper.net\/modern-sliders-elementor\/\" target=\"_blank\" rel=\"noopener\">how to design modern sliders<\/a> <\/strong>using <strong><a href=\"https:\/\/wpdeveloper.net\/go\/elementor\" target=\"_blank\" rel=\"noopener\">Elementor<\/a><\/strong> and then answer.<\/p>\n<p><iframe title=\"Elementor Flip Carousel Widget - How to Display Flip Carousel Using Essential Addons\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/vdrPoEKBk18?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As content creators, we are always looking for new ways to present our content. But given the situation where we need to add a certain level of action to our content but at the same time ensure that it stays a sober one, what do we do? Learn how to solve this problem smartly using EA for Elementor.<\/p>\n","protected":false},"author":2045,"featured_media":179899,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[108,88],"tags":[249,248,104,250,251,89],"class_list":["post-73071","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-tutorials","tag-carousel-style","tag-cover-flow-style","tag-elementor","tag-flat-carousel-style","tag-wheel-style","tag-wordpress"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[2045,13301],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":3968,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/73071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/users\/2045"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/comments?post=73071"}],"version-history":[{"count":12,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/73071\/revisions"}],"predecessor-version":[{"id":424050,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/73071\/revisions\/424050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/179899"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=73071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=73071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=73071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}