modernpress
  • Welcome to the ModernPress
  • Getting Started
    • Introduction
    • Installation
  • Widgets
    • Cards
    • Carousel
    • Gallery
    • Posts
    • Team
    • Accordion
    • Categories
    • Tabs
    • Search
    • Client's Logos
    • Tables
    • Social Icons
    • Testimonials
  • Customization
  • FAQs
  • Troubleshooting
  • Support
Powered by GitBook
On this page
  • Introduction
  • Adding the Category Tabs Widget
  • Layouts Overview
  • Customization Options
  • FAQs
  • Need Help?
  1. Widgets

Categories

PreviousAccordionNextTabs

Last updated 1 month ago

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.