{"id":183,"date":"2026-10-17T14:16:25","date_gmt":"2026-10-17T14:16:25","guid":{"rendered":"http:\/\/plugin-docs.com\/?post_type=doc&#038;p=183"},"modified":"2026-10-17T21:30:51","modified_gmt":"2026-10-17T21:30:51","slug":"front-side-content","status":"publish","type":"doc","link":"https:\/\/dragwyb.com\/docs\/front-side-content\/","title":{"rendered":"Configure Front-Side Content"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The front face introduces a card before a visitor flips it. In <strong>Ultimate Flipbox<\/strong>, the title, description, and icon have separate controls. The instructions below reflect the defaults in plugin version 2.1.7.<\/p>\n\n\n\n\n<h2 class=\"wp-block-heading\">Open the Front controls<\/h2>\n\n\n<ol class=\"wp-block-list\"><li>In WordPress, go to <strong>Pages \u2192 All Pages<\/strong> and open the intended page.<\/li><li>Click <strong>Edit with Elementor<\/strong>, then select the <strong>Ultimate Flipbox<\/strong> widget on the canvas.<\/li><li>In the widget panel, open <strong>Content \u2192 Flipbox Content \u2192 Front<\/strong>.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Set the front title<\/h2>\n\n\n<ol class=\"wp-block-list\"><li><strong>Enable Title<\/strong> is on by default. Edit the <strong>Title<\/strong> field to change the heading.<\/li><li>Turn off <strong>Enable Title<\/strong> only if you want to hide the heading; the <strong>Title<\/strong> field is shown when the switch is on.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Set the front description<\/h2>\n\n\n<ol class=\"wp-block-list\"><li><strong>Enable Description<\/strong> is off by default. Turn it on in <strong>Content \u2192 Flipbox Content \u2192 Front<\/strong> to display supporting copy.<\/li><li>When the switch is on, edit the <strong>Description<\/strong> field that appears.<\/li><li>Use a short sentence that adds context to the title rather than repeating it.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Choose an icon, image, or text<\/h2>\n\n\n<ol class=\"wp-block-list\"><li><strong>Enable Icon<\/strong> is on by default. Leave it enabled to show the icon treatment, or turn it off to hide it.<\/li><li>With the switch enabled, open <strong>Icon Type<\/strong>. The default type is <strong>Icon<\/strong>; other choices are <strong>Icon Image<\/strong> and <strong>Icon Text<\/strong>.<\/li><li>For <strong>Icon<\/strong>, use the <strong>Icon<\/strong> picker that appears to select a symbol.<\/li><li>For <strong>Icon Image<\/strong>, use the <strong>Icon Image<\/strong> media control that appears to select or upload an image.<\/li><li>For <strong>Icon Text<\/strong>, enter the short text or number in the <strong>Icon Text<\/strong> field that appears.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Style and preview the front face<\/h2>\n\n\n<ol class=\"wp-block-list\"><li>Open <strong>Style \u2192 Container Box Settings \u2192 Front<\/strong> to adjust the front background and container appearance.<\/li><li>Open <strong>Style \u2192 Title Style<\/strong> for title typography, <strong>Style \u2192 Description Style<\/strong> for description typography, and <strong>Style \u2192 Icon Style<\/strong> for icon appearance.<\/li><li>Click <strong>Update<\/strong>, preview the saved page, and check text wrapping and spacing at desktop and mobile widths.<\/li><\/ol>\n\n\n<p class=\"wp-block-paragraph\">Next, <a href=\"\/docs\/flipbox-addon-for-elementor\/back-side-content\/\">configure the back-side content<\/a>, or return to the <a href=\"\/docs\/flipbox-addon-for-elementor\/ultimate-flipbox\/\">Ultimate Flipbox Card guide<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Configure Ultimate Flipbox front content with verified defaults for the title, description, and icon switches, then choose an icon, image, or text and style the saved card.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":182,"menu_order":0,"template":"","class_list":["post-183","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/183","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":3,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/183\/revisions"}],"predecessor-version":[{"id":525,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/183\/revisions\/525"}],"up":[{"embeddable":true,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/182"}],"wp:attachment":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/media?parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}