1. Home
  2. BlogNews For Elementor
  3. Exclusive Blog Widgets
  4. Post Grid 1

Post Grid 1

The Post Grid 1 widget helps you display posts in a neat grid layout, ideal for blogs, magazines, or portfolio-style listings. It allows you to control the number of posts, categories, and layout options, making it a versatile choice for showcasing content in a structured way.

How to Use

  1. Drag & drop the Post Grid 1 widget into your desired section.
  2. Set up the Post Query to filter posts by category, tags, or order.
  3. Adjust the Post Settings to define columns, spacing, and image placement.
  4. Toggle meta, excerpt, and other elements to customize the grid presentation.
  5. Use the Styling Controls to match your design style.

Content Settings

  • Post Query → Choose layout style, categories, tags, number of posts, excerpt length, order by options, order type, category style, and control title length (in lines).
  • Post Settings → Adjust number of columns, column spacing, row spacing, image on/off toggle, image resolution, image position, category icon, and post content visibility (category, title, meta, excerpt, button). Also manage Post Meta (author, date, edit, etc.).

Styling Controls

  • Grid/Post Style → Background color, border, radius, padding, margin, box shadow.
  • Thumbnail Setting → Width, height, border, radius, margin.
  • Category Style → Typography, color, background, padding, radius.
  • Post Title → Color, hover color, typography, margin.
  • Meta Style → Typography, color, icon color, spacing.

Pro Tip

  • Combine custom category styles and button icons (Pro feature) to create a more engaging and branded grid layout.

How can we help?