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 Cards Widget
  • Layouts Overview
  • Customization Options
  • FAQs
  • Need Help?
  1. Widgets

Cards

PreviousInstallationNextCarousel

Last updated 3 months ago

Introduction

The Cards Widget in ModernPress allows you to showcase information in a stylish and visually appealing way. Whether you need to display services, portfolio items, or blog highlights, this widget provides flexible layouts with extensive customization options.

Key Features:

✅ 5 Unique Layouts

✅ Fully Responsive Design

✅ Customizable Colors, Typography, and Spacing

✅ Image, Title, Description, and Button Options

✅ Hover Effects and Animations

Adding the Cards Widget

1

Open your WordPress Dashboard.

2

Edit a page with Elementor.

3

Search for "Cards" in the ModernPress Widgets panel.

4

Drag and drop the widget into your section.

Layouts Overview

The Cards Widget comes with 5 different layouts, each designed for various use cases.

Layout 1 - Classic Card

📌 Image at the top, followed by title, description, and button. 🎨 Best for services, portfolio items, and blog previews.

Layout 2 - Side by Side

📌 Image on one side, content on the other. 🎨 Perfect for team members, testimonials, or featured content.

Layout 3 - Image Overlay

📌 Background image with text overlay. 🎨 Ideal for highlighting key content with a modern touch.

Layout 4 - Minimalist Card

📌 Simple design with focus on text and CTA button. 🎨 Works well for pricing tables, features, and announcements.

Customization Options

Content Settings

📝 Title & Description – Add and format the main text. 📸 Image – Upload an image for the card. 🔗 Button – Set the button text, link, and styling.

Style Settings

🎨 Colors – Customize text, background, and hover colors. 🔠 Typography – Adjust font size, weight, and spacing. 📏 Spacing – Control margins and paddings for perfect alignment.

Advanced Features

✨ Hover Effects – Choose from multiple hover animations. 📱 Responsive Controls – Adjust styles for mobile, tablet, and desktop.

FAQs

Can I use different layouts on the same page?

Yes! You can add multiple instances of the Cards Widget, each with a different layout.

How do I change the hover effect?

In the Style tab, look for Hover Effects and select your preferred effect.

Need Help?

If you have any questions or need support, feel free to reach out at support@modernpress.com.