---
title: "Tabs Pro"
url: "https://divitorque.com/docs/tabs.md"
canonical: "https://divitorque.com/docs/tabs/"
published: "2026-07-08"
modified: "2026-07-08"
author: "Fahim Reza"
description: "Split content into clean, switchable tabs. Learn how to add and configure the Tabs Pro module in Divi — settings, options, and tips."
tags:
  - "Modules"
---

# 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

### Navigation

- **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.