Style Flipbox Typography

Adjust title and description typography for the front and back sides, and preview responsive text sizes in Flipbox Addon for Elementor.

Flipbox typography settings control the appearance of text on a card. The Ultimate Flipbox, Post Flipbox, and Story Flipbox sources register typography group controls for titles and descriptions, with separate front/back settings where the corresponding content is enabled.

Ultimate Flipbox → Style → Title Style → Typography

  • Open Elementor Editor.
  • Select the Ultimate Flipbox widget.
  • Open the Style tab.
  • Open Title Style.
  • Locate the front-side title typography control.
  • Adjust the available Typography options.
  • Locate the back-side title typography control where available.
  • Adjust the available back-side Typography options.
  • Preview the title.
  • Click Update to save the page.

Ultimate Flipbox → Style → Description Style → Typography

  • Open Elementor Editor.
  • Select the Ultimate Flipbox widget.
  • Open the Style tab.
  • Open Description Style.
  • Locate the front-side description typography control.
  • Adjust the available Typography options.
  • Locate the back-side description typography control where available.
  • Adjust the available back-side Typography options.
  • Preview the description.
  • Click Update to save the page.

Post Flipbox → Style → Title Style & Description Style

  • Open Elementor Editor.
  • Select the Post Flipbox widget.
  • Open the Style tab.
  • Open Title Style.
  • Adjust the available front/back title typography controls.
  • Open Description Style.
  • Adjust the available front/back description typography controls.
  • Use Title Style for title settings.
  • Use Description Style for description settings.
  • Preview the text.
  • Click Update to save the page.

Story Flipbox → Style → Title Style & Description Style

  • Open Elementor Editor.
  • Select the Story Flipbox widget.
  • Open the Style tab.
  • Open Title Style.
  • Adjust the available front/back title typography controls.
  • Open Description Style.
  • Adjust the available front/back description typography controls.
  • Preview the text.
  • Click Update to save the page.

Preview Title/Description Typography and Click Update

  • Open Elementor Editor.
  • Select the Ultimate Flipbox widget.
  • Preview the front-side text.
  • Preview the back-side text.
  • Check text wrapping.
  • Check text contrast.
  • Check readability at Desktop width.
  • Check readability at Tablet width.
  • Check readability at Mobile width.
  • Click Update to save the page.

Style titles and descriptions

  1. Select the widget in Elementor and open its Style controls.
  2. Locate the title or description style section and choose the relevant Front or Back tab where available.
  3. Open the typography control for the title or description. Use the available Elementor typography options to set the text appearance; the exact fields are provided by Elementor’s typography group control.
  4. If the widget exposes separate text color or background settings, review those as well. Keep heading and description contrast readable over the chosen card background.

Check responsive readability

Use Elementor’s responsive preview to inspect line wrapping, clipping, and spacing at desktop, tablet, and mobile sizes. Do not assume that a value entered for one responsive control automatically applies to every typography control; only controls registered as responsive expose per-device values.

For surrounding space, see Adjust Flipbox Spacing. For background contrast, read Style Flipbox Backgrounds.

Screenshot to add: the title or description typography group control for one side of the card. This is a placeholder, not an existing screenshot.

Return to Presets, Styling, and Responsive Layouts for the complete styling and responsive-layout guide.