Flipbox borders are available on the front and back in Ultimate Flipbox, Post Flipbox, and Story Flipbox in their container styling. In the reviewed source, each side has a border popover labelled Front Border or Back Border. The border group control provides the available border properties, while separate radius controls may be available for the card or icon.
Ultimate Flipbox → Style → Container Box Settings → Front Border
- Open Elementor Editor.
- Select the Ultimate Flipbox widget.
- Open the Style tab.
- Open Container Box Settings.
- Select the Front tab.
- Locate Front Border.
- Locate Front Border.
- Enable the custom setting for Front Border to expose its border controls.
- Set Border Type.
- Set Width.
- Set Color.
- Locate Border Radius if you need rounded corners.
- Click Update to save the page.
Ultimate Flipbox → Style → Container Box Settings → Back Border
- Open Elementor Editor.
- Select the Ultimate Flipbox widget.
- Open the Style tab.
- Open Container Box Settings.
- Select the Back tab.
- Locate Back Border.
- Locate Back Border.
- Enable the custom setting for Back Border to expose its border controls.
- Set Border Type.
- Set Width.
- Set Color.
- Locate Border Radius if you need rounded corners.
- Click Update to save the page.
Post Flipbox → Style → Container Box Settings → Front/Back Border
- Open Elementor Editor.
- Select the Post Flipbox widget.
- Open the Style tab.
- Open Container Box Settings.
- Select the Front tab.
- Locate Front Border.
- Enable the custom setting for Front Border to expose the border group controls.
- Configure Border Type.
- Set Width.
- Set Color.
- Select the Back tab.
- Locate Back Border.
- Enable the custom setting for Back Border to expose the border group controls.
- Configure Border Type.
- Set Width.
- Set Color.
- Adjust Border Radius separately if that control is available in the selected section.
- Click Update to save the page.
Story Flipbox → Style → Container Box Settings → Front/Back Border
- Open Elementor Editor.
- Select the Story Flipbox widget.
- Open the Style tab.
- Open Container Box Settings.
- Select the Front tab.
- Locate Front Border.
- Enable the custom setting for Front Border to expose the border group controls.
- Configure Border Type.
- Set Width.
- Set Color.
- Select the Back tab.
- Locate Back Border.
- Enable the custom setting for Back Border to expose the border group controls.
- Configure Border Type.
- Set Width.
- Set Color.
- Adjust Border Radius separately where available.
- Click Update to save the page.
Check Border Type, Width & Radius in the Selected Control
- Open Elementor Editor.
- Select the Ultimate Flipbox widget.
- Preview both the front and back borders.
- Locate Border Radius.
- Adjust Border Radius separately from the border group controls.
- Click Update to save the page.
Customize a card border
- Select the widget and open its Style controls.
- Open Front Border or Back Border for the side you want to change.
- Enable the custom border setting if the popover is collapsed or set to its default state.
- Use the available border group options to configure the border style, width, and color.
- Preview the card in its normal and flipped states to make sure the edge remains visible and consistent.
Adjust corner treatment
If a Border Radius control is available for the selected element, use it to soften or square off the corners. Some controls accept separate values for the four corners and support units shown by Elementor. Avoid assuming that card borders and icon borders share the same settings; inspect the label and preview the correct element.
For internal spacing around the card content, see Adjust Flipbox Spacing. For the surface behind the border, read Style Flipbox Backgrounds.
Screenshot to add: the front or back border popover expanded with its border group controls. This is a placeholder, not an existing screenshot.
Return to Presets, Styling, and Responsive Layouts for the complete styling and responsive-layout guide.