Dragwyb Docs Dragwyb Docs
Visit Website
Updated on Oct 17, 2026

Manage Story Flipbox Items

Edit Story Flipbox item front and back content, check button and back-side defaults, choose icon types, and customize individual card colors.

Each Story Flipbox item is edited inside Content → Flipbox Items. Expand an item and use its Front, Back, and Style tabs to change one card without changing the content of every other card.

Edit the front content

  1. In WordPress, open Pages → All Pages, choose the page, and click Edit with Elementor.
  2. Select the Story Flipbox widget, then open Content → Flipbox Items.
  3. Expand the item you want to edit and select its Front tab. The repeater row label is based on the front-side Title.
  4. Edit Title and Description as needed.
  5. Choose Icon Type: Icon is the default for a new repeater item; Icon Image and Icon Text are alternatives. Complete the corresponding control that appears.
  6. Front-side Enable Button is off by default. Turn it on to reveal Button Text, whose new-item default is “Click Here”. The Button URL field has an extra condition: it appears only when Enable Back is off. If the back is enabled, the Front tab’s URL field is hidden by the plugin. The source default URL for a new item is # when that field is available. Leave the front button switch off if no front button is needed.

Screenshot to add: One expanded item’s Front tab showing Title, Description, Icon Type, and Enable Button, with the conditional Button Text and Button URL fields visible after enabling the switch. This is a placeholder, not an existing screenshot.

Edit the back content

  1. Select the same item’s Back tab.
  2. Enable Back is on by default. Leave it on to show the reverse side; turn it off to make the card front-only. Back content controls depend on this switch.
  3. Edit the back-side Title and Description.
  4. Choose the back-side Icon Type and complete its matching control. The field default is Icon, but the preloaded sample items may use different values.
  5. Back-side Enable Button is on by default. When it is on, edit Button Text and Button URL. Their new-item defaults are “Click Here” and #; replace the placeholder URL with the intended destination.

Screenshot to add: The Back tab of an expanded item, showing Enable Back and Enable Button, plus Button Text and Button URL after confirming both switches are enabled. This is a placeholder, not an existing screenshot.

Customize one item’s colors

Select the item’s Style tab inside Content → Flipbox Items. These are per-item color controls, not the widget-wide typography or spacing settings.

  • Front controls: Front Background, Front Title Color, Front Desc Color, Front Icon Color, and Front Button Color.
  • If Enable Back is on, configure Back Background, Back Title Color, Back Desc Color, Back Icon Color, and Back Button Color.
  • Use colors with enough contrast against the text and icon colors. Leave a color unchanged if the current appearance is already suitable.

Screenshot to add: An expanded item’s Style tab showing the Front Background and front element color controls, followed by the Back Background and back element color controls where Enable Back is on. This is a placeholder, not an existing screenshot.

Save and verify item changes

  1. Click Elementor’s Update button after editing.
  2. Preview the saved page and inspect each edited card’s front and back.
  3. Test each visible button and confirm its destination is correct.
  4. Check text contrast and card order on desktop, tablet, and mobile.

For the full creation workflow, see Create a Story Flipbox Collection. To adjust the overall arrangement and animation, see Configure the Story Collection Layout.