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

Gallery

PreviousCarouselNextPosts

Last updated 3 months ago

Introduction

The Gallery Widget in ModernPress allows you to showcase images beautifully with multiple layout styles and a built-in lightbox feature. Whether you're displaying a portfolio, product gallery, or creative showcase, this widget provides flexibility, responsiveness, and interactive viewing options.


Key Features:

✅ 5 Unique Layouts ✅ Masonry, Grid, and Uneven Layouts ✅ Lightbox for Image Previews ✅ Customizable Spacing, Borders, and Effects ✅ Responsive and Mobile-Friendly


Adding the Gallery Widget

1

Open your WordPress Dashboard.

2

Edit a page with Elementor.

3

Search for "Gallery" in the ModernPress Widgets panel.

4

Drag and drop the widget into your section.

5

Select your desired layout and customize settings.


Layouts Overview

Layout 1 - Grid Style

📌 Displays images in equal-sized grid columns and rows. 🎨 Best for clean and uniform galleries.

Layout 2 - Masonry Style

📌 Images adjust in height dynamically while maintaining a neat layout. 🎨 Ideal for portfolios, photography showcases, and blogs.

Layout 3 - Uneven Layout (Sometimes called Justified Grid)

📌 A mix of different-sized images arranged aesthetically. 🎨 Great for artistic presentations and creative galleries.

Layout 4 - Full-Width Gallery

📌 Expands across the full width of the section. 🎨 Perfect for landscape photography and large visuals.

Layout 5 - Carousel Gallery

📌 A gallery slider with multiple images visible per slide. 🎨 Works well for compact image showcases and testimonials.


Customization Options

Content Settings

📸 Image Uploads – Add and arrange multiple images. 🎭 Caption & Overlay – Show text or hover effects on images. 🔍 Lightbox Enable/Disable – Allow images to open in a popup.

Style Settings

🎨 Spacing & Columns – Adjust padding, margins, and number of columns. 🔠 Typography – Customize font styles for captions. 🖼 Hover Effects – Choose from zoom, fade, and grayscale effects.

Advanced Features

✨ Lightbox Options – Full-screen preview with navigation. 📱 Responsive Adjustments – Optimize layout for mobile and tablet.


FAQs

Can I mix different image sizes in one gallery?

Yes! The Masonry and Uneven Layouts allow for mixed image sizes.

How do I enable/disable the lightbox?

Go to Content Settings and toggle the Lightbox feature.


Need Help?

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