Portfolio Grid

Portfolio Grid displays your portfolio items in a structured multi-column grid layout. Use it when you want an even, organized showcase of projects on a homepage or portfolio page.

How to Create a Portfolio Grid in Gutenberg

To create a Portfolio Grid:

1. Add the Portfolio Grid block.
2. Open Content → Query and choose how many items to show, which categories to include, and the sort order.
3. Open Content → Layouts to set columns, layout style, and meta items.
4. Configure Image, Read More, and optional Effects / Tilt.
5. Customize appearance under the Style tab.
6. Check responsive settings, then publish.

• Layout: Choose Post Layout (Default, Classic, Modern), Light/Dark variation, and columns (1–4).
• Content / Query: Control posts per page, excerpt length, authors, categories, include/exclude posts, and order.
• Load More: Choose None, Button, Scroll, or Pagination to control how more items load.
• Images: Select a WordPress thumbnail size or Custom width/height.
• Read More: Set button text and optional icon class, position, and spacing.
• Effects: Optionally show Title, Category, and/or Tags on mouse hover.
• Tilt: Optional 3D tilt animation with maxTilt, perspective, scale, speed, and transition.
• Typography: Style title, content, author, category, and tags.
• Spacing: Adjust post grid spacing, margins, and padding.
• Colors: Set colors for text, overlays, and buttons.
• Borders & Border Radius: Add borders and round corners where supported.
• Normal & Hover: Configure separate styles for the default and hover states.
• Responsive Settings: Adjust supported style values for desktop, tablet, and mobile, and optionally hide the block per device.