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

Configure Post Flipbox Navigation

Configure the Post Flipbox Read More button and, for a horizontal layout, customize slider arrow icons and styling.

Post Flipbox navigation has two separate parts: the back-side button opens the post represented by the card, while a horizontal layout can display slider arrows for moving between cards. The button does not have a separate custom destination URL control in version 2.1.7; its destination is the current post’s permalink.

Configure the back-side button

  1. Go to WordPress dashboard → Pages → All Pages, open the page with Edit with Elementor, and select the Post Flipbox widget.
  2. Open Content → Post Content → Back.
  3. Enable Button is enabled by default. Leave it enabled to show the button or disable it to hide the button.
  4. Edit Button Text to change the label from its default Read More.
  5. Click Update, open the published page, and click the button to confirm that it opens the post represented by that card.

Screenshot to add: Content → Post Content → Back showing Enable Button and Button Text, alongside the resulting card button if useful. This is a placeholder, not a captured screenshot.

Configure horizontal slider arrows

  1. Select Content → Layout Settings and change Layout Orientation from its default Vertical to Horizontal. The horizontal-only controls appear after this selection.
  2. Set Slides Per View to control how many cards are visible at once. Its default is 2.
  3. Adjust Horizontal Slides Gap to change the spacing between slides. Its default is 20 px.
  4. Use Previous Arrow Icon and Next Arrow Icon to choose the arrow icons.
  5. To style the arrows, open the widget’s Style → Slider Navigation section. Adjust Arrow Color, Arrow Background Color, Arrow Size, Arrow Border Color, or Arrow Border Radius.

Screenshot to add: Layout Settings with Layout Orientation set to Horizontal and its slider controls visible. This is a placeholder, not a captured screenshot.

Screenshot to add: Style → Slider Navigation showing Arrow Color, Arrow Background Color, Arrow Size, Arrow Border Color, and Arrow Border Radius. This is a placeholder, not a captured screenshot.

Test and save

Click Update in Elementor. On the published page, test the card button and both slider arrows, then check the layout at desktop and mobile widths. For all card-content controls, see Configure Post Flipbox Card Content. For the full setup, see Display WordPress Posts in Flipboxes.