Configure Front-Side Content

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.

The front face introduces a card before a visitor flips it. In Ultimate Flipbox, the title, description, and icon have separate controls. The instructions below reflect the defaults in plugin version 2.1.7.

Open the Front controls

  1. In WordPress, go to Pages → All Pages and open the intended page.
  2. Click Edit with Elementor, then select the Ultimate Flipbox widget on the canvas.
  3. In the widget panel, open Content → Flipbox Content → Front.

Set the front title

  1. Enable Title is on by default. Edit the Title field to change the heading.
  2. Turn off Enable Title only if you want to hide the heading; the Title field is shown when the switch is on.

Set the front description

  1. Enable Description is off by default. Turn it on in Content → Flipbox Content → Front to display supporting copy.
  2. When the switch is on, edit the Description field that appears.
  3. Use a short sentence that adds context to the title rather than repeating it.

Choose an icon, image, or text

  1. Enable Icon is on by default. Leave it enabled to show the icon treatment, or turn it off to hide it.
  2. With the switch enabled, open Icon Type. The default type is Icon; other choices are Icon Image and Icon Text.
  3. For Icon, use the Icon picker that appears to select a symbol.
  4. For Icon Image, use the Icon Image media control that appears to select or upload an image.
  5. For Icon Text, enter the short text or number in the Icon Text field that appears.

Style and preview the front face

  1. Open Style → Container Box Settings → Front to adjust the front background and container appearance.
  2. Open Style → Title Style for title typography, Style → Description Style for description typography, and Style → Icon Style for icon appearance.
  3. Click Update, preview the saved page, and check text wrapping and spacing at desktop and mobile widths.

Next, configure the back-side content, or return to the Ultimate Flipbox Card guide.