Categories

Introduction

The Category Tabs Widget in ModernPress allows you to display posts dynamically based on selected categories. Users can easily filter posts by clicking on category tabs, making it a perfect solution for blogs, news websites, and content-heavy pages.


Key Features:

✅ 4 Unique Tab Styles ✅ Post Filtering by Category (No Page Reload) ✅ Customizable Layout & Styling ✅ Dynamic or Manually Selected Categories ✅ Full Typography & Color Control


Adding the Category Tabs Widget

1

Open your WordPress Dashboard.

2

Edit a page with Elementor.

3

Search for "Category Tabs" in the ModernPress Widgets panel.

4

Drag and drop the widget into your section.

5

Select the categories you want to display and customize the layout.


Layouts Overview

Layout 1 - Standard Tabs

📌 Classic tabbed navigation with a clean and structured look. 🎨 Best for blogs, news sites, and knowledge bases.

Layout 2 - Underline Tabs

📌 Tabs are highlighted with an animated underline on selection. 🎨 Ideal for modern and professional website designs.

Layout 3 - Pill-Style Tabs

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

Layout 4 - Boxed Tabs

📌 Each tab is enclosed in a box for a structured, card-like effect. 🎨 Works well for eCommerce, portfolios, and magazine-style layouts.


Customization Options

Content Settings

📌 Select Categories – Choose which categories to display as tabs. 🔄 Filter Type – Ajax-based filtering for smooth transitions. 📰 Post Display Options – Show featured image, title, meta info, and excerpt.

Style Settings

🎨 Tab Styles – Choose from default, underlined, pill, or boxed 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 for mobile and tablet displays. ⚡ Lazy Loading – Load posts dynamically for faster performance.


FAQs

Can I change the default selected tab?

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

Does the filtering require a page reload?

No, the widget uses AJAX filtering, allowing instant post updates without refreshing the page.


Need Help?

For support, contact us at support@modernpress.com.

Last updated