{"id":199,"date":"2026-10-17T14:16:25","date_gmt":"2026-10-17T14:16:25","guid":{"rendered":"http:\/\/plugin-docs.com\/?post_type=doc&#038;p=199"},"modified":"2026-10-17T22:32:07","modified_gmt":"2026-10-17T22:32:07","slug":"set-flip-direction","status":"publish","type":"doc","link":"https:\/\/dragwyb.com\/docs\/set-flip-direction\/","title":{"rendered":"Set the Flip Direction"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>Open the page in the Elementor editor.<\/li>\n<li>Select the <strong>Ultimate Flipbox<\/strong> widget.<\/li>\n<li>Open the <strong>Content<\/strong> tab.<\/li>\n<li>Expand <strong>Layout Settings<\/strong>.<\/li>\n<li>Locate <strong>Animation Type<\/strong>.<\/li>\n<li>Choose an effect that supports direction settings.<\/li>\n<li>Locate <strong>Animation Direction<\/strong>.<\/li>\n<li>Open the <strong>Animation Direction<\/strong> selector.<\/li>\n<li>Choose <strong>Left<\/strong>, <strong>Right<\/strong>, <strong>Top<\/strong>, or <strong>Bottom<\/strong>.<\/li>\n<li>Preview the animation and click <strong>Update<\/strong> to save.<\/li>\n<li>For a <strong>Post Flipbox<\/strong> or <strong>Story Flipbox<\/strong>, select that widget and follow the same steps using its available controls.<\/li>\n<\/ul>\n\n\n<h2 class=\"wp-block-heading\">When is Animation Direction available?<\/h2>\n\n\n<p class=\"wp-block-paragraph\">The current source shows Animation Direction for <strong>3D Flip<\/strong>, <strong>3D Flip Classic<\/strong>, <strong>Slide<\/strong>, <strong>3D Diagonal Flip<\/strong>, <strong>Skew<\/strong>, <strong>3D Fold<\/strong>, <strong>3D Door<\/strong>, <strong>3D Cube<\/strong>, and <strong>Fill Reveal<\/strong>. It is not configured to appear for <strong>None<\/strong>, <strong>Fade<\/strong>, <strong>Zoom<\/strong>, or <strong>Curtain \u2728<\/strong>. If the control disappears, return to Animation Type and select one of the supported effects before looking for it again.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Preview and verify the direction<\/h2>\n\n\n<p class=\"wp-block-paragraph\">Test the selected direction with the actual text, icons, images, and buttons in the card. Direction changes how the effect moves; it does not replace the need to check card height and content readability. Preview the saved page at desktop and mobile widths.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Screenshot to add: the selected widget&#8217;s Content \u2192 Layout Settings panel with a supported Animation Type selected and all four Animation Direction choices visible. This is a placeholder, not a captured screenshot.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Related settings<\/h2>\n\n\n<p class=\"wp-block-paragraph\">Review <a href=\"\/docs\/flipbox-addon-for-elementor\/animation-effects\/\">the available animation effects<\/a> before choosing a direction. For the 3D Flip effect, see <a href=\"\/docs\/flipbox-addon-for-elementor\/configure-3d-flip-depth\/\">Configure 3D Flip Depth<\/a>; for speed, read <a href=\"\/docs\/flipbox-addon-for-elementor\/set-flip-animation-duration\/\">Set Flip Animation Duration<\/a>. You can also switch to <a href=\"\/docs\/flipbox-addon-for-elementor\/configure-click-to-flip-interaction\/\">click interaction<\/a>.<\/p>\n\n\n<p class=\"wp-block-paragraph\">Return to <a href=\"\/docs\/flipbox-addon-for-elementor\/animations-interaction\/\">Animations and Interaction<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Set Left, Right, Top, or Bottom for supported Flipbox animations and learn exactly when Animation Direction appears.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":197,"menu_order":0,"template":"","class_list":["post-199","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":6,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/199\/revisions"}],"predecessor-version":[{"id":551,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/199\/revisions\/551"}],"up":[{"embeddable":true,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/197"}],"wp:attachment":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/media?parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}