Tabs

Introduction

The Tabs Widget in ModernPress allows you to display static content in an organized and interactive way. Unlike the Category Tabs Widget, this widget is designed for manually added content, making it perfect for feature descriptions, product details, FAQs, and structured information.

---

Key Features:

✅ 5 Unique Tab Styles ✅ Manually Add Custom Content (WYSIWYG Editor) ✅ Custom Icons for Tabs ✅ Fully Customizable Layout & Styling ✅ Smooth Animation Effects

---

Adding the Tabs Widget

1

Open your WordPress Dashboard.

2

Edit a page with Elementor.

3

Search for "Tabs" in the ModernPress Widgets panel.

4

Drag and drop the widget into your section.

5

Add tab titles, content, and customize the layout.

---

Layouts Overview

Layout 1 - Standard Tabs

📌 Simple and clean horizontal tabs with clear text. 🎨 Best for structured content and information sections.

Layout 2 - Underline Tabs

📌 Tabs with an animated underline effect on selection. 🎨 Ideal for modern and professional websites.

Layout 3 - Pill-Style Tabs

📌 Rounded, button-like tabs for a sleek appearance. 🎨 Great for interactive and stylish content displays.

Layout 4 - Boxed Tabs

📌 Each tab is enclosed in a box for a card-like effect. 🎨 Works well for eCommerce product details or feature highlights.

Layout 5 - Vertical Tabs

📌 Tabs are aligned vertically for a unique layout. 🎨 Perfect for side navigation and content-heavy sections.

---

Customization Options

Content Settings

📌 Add Multiple Tabs – Set a title and content for each tab. 🔄 Custom Icons – Assign icons to tabs for better visual appeal. 🖋 WYSIWYG Editor – Add text, images, or any rich content inside tabs.

Style Settings

🎨 Tab Styles – Choose from standard, underlined, pill, boxed, or vertical styles. 📏 Typography & Colors – Customize text, background, and hover effects. 🔲 Spacing & Alignment – Adjust tab positioning and layout gaps. ⚡ Animation Effects – Enable smooth transitions when switching tabs.

Advanced Features

📱 Responsive Adjustments – Optimize tab display for mobile and tablet views. ✨ Hover & Click Effects – Add animations for better user interaction.

---

FAQs

Can I set a default open tab?

Yes! In the Content Settings, you can choose which tab is active by default.

Can I add images or videos inside the tab content?

Absolutely! The widget supports rich content, including text, images, videos, and shortcodes.

---

Need Help?

For support, contact us at [e-mail].