Skip to content
Get Pro

Tabs Pro

The Tabs Pro module splits content into clean, switchable tabs — a space-saving way to present features, specs, or step-by-step information. Each tab holds its own Divi content.

How to add the Tabs module

  1. Add a section and row, then add the Tabs Pro module.
  2. Add one Tab child per tab and give it a title.
  3. Build any content inside each tab, then style the tab bar on the parent module.

Content

Main

  • Tab Style — Underline, Boxed, or Pills.
  • Tab Alignment — Left, Center, Right, or Justified.

Design

  • Tab Spacing — gap between tab buttons.
  • Tab Text Color and Active Tab Text Color.
  • Active Tab Highlight — the background or underline color of the active tab.

Use the standard Text, Background, Border, and Spacing panels to further refine the tab bar and content area.

Tip

Choose Justified alignment when you have 3–4 short tab labels so they fill the row evenly on desktop and stack cleanly on mobile.