↓ Skip to Main Content
Cyberchimps Logo

Main Navigation

  • Templates
  • Features
  • Plugins
    • Responsive Plus
    • Starter Templates
    • Addons for Elementor
    • Responsive Blocks
  • Go Pro
  • Blog
  • Pricing
  • Login

Installation & Updates

1
  • How to Install & Activate the Responsive Addons for Elementor

Widgets

85
  • Image Gallery
  • Advanced Tabs
  • Archive Posts
  • Archive Title
  • Audio Player
  • Author Box
  • Banner
  • Breadcrumbs
  • Business Hour
  • Button
  • Contact Form 7 Styler
  • Call To Action
  • Custom Add To Cart
  • Content Switcher
  • Countdown
  • Facebook Feed
  •  Data Table
  • Divider
  • Dual Color Header
  • FAQ
  • FlipBox
  • Featured Image
  • Feature List
  • Fancy Text
  • Icon Box
  • Gravity Forms Styler
  • Google Map
  • Image Hotspot
  • LearnDash Course List
  • Lottie
  • Logo Carousel
  • Mailchimp Styler
  • Login & Register
  • Media Carousel
  • Menu Cart
  • Modal Popup
  • MultiButton
  • Nav Menu
  • OffCanvas
  • Portfolio
  • Post Comments
  • Post Content
  • Post Excerpt
  • Post Info
  • Post Navigation
  • Post Title
  • Posts
  • Post Carousel
  • Price Box
  • Price List
  •  Pricing Table
  • Product Carousel
  • Product Category Grid
  • Products
  • Progress Bar
  • Reviews
  • Search Form
  • Site Logo
  • Slider
  • Sticky Section
  • Sticky Video
  • Table of Contents
  • Team Member
  • Testimonial Slider
  • Theme Builder
  • Timeline
  • Twitter Feed
  • Video
  • WooCommerce Breadcrumbs
  • WP Forms Styler
  • One Page Navigation
  • Content Ticker
  • Woo Checkout
  • Back to Top
  • Particle Backgrounds for Elementor
  • Product Price
  • Product Image
  • Product Stock
  • Product Upsells
  • Product Meta
  • Product Title
  • Product Rating
  • Product Content
  • Product Short Description
  • Product Additional Information
View Categories
  • Home
  • Docs
  • Responsive Addons For Elementor
  • Widgets
  • Posts

Posts

The Responsive Addons for Elementor (RAE) Posts widget allows you to quickly display posts on any page of your website.

Posts example

Content #

Layout #

Layout
Layout 2
  1. 1.Skin: Select one of the skin type for Posts layout from Classic, Cards, or Full Content.
  2. 2.Columns: Select the 1 to 6 number of columns to be displayed in a row.
  3. 3.Posts Per Page: Select the number of posts to be displayed on the page.
  4. 4.Image Position: Select position as Top, Left, or Right for the featured image from the post. Select None if you wish to not display the featured image.
  5. 5.Masonry: Enable this option to display posts in a masonry format.
  6. 6.Image Size: Select size for the featured image.
  7. 7.Image Ratio: Select the height/width ratio for the featured image.
  8. 8.Image Width: Select width for the featured image. Height will be decided according to the selected image ratio.
  9. 9.Title: Toggle this button to show or hide the post title.
  10. 10.Title HTML Tag: Select the HTML tag in which the post title will be displayed.
  11. 11. Excerpt: Enable this button to show excerpt instead of full post text.
  12. 12.Excerpt Length: Provide the length of the excerpt.
  13. 13.Meta Data: Select which metadata elements to be displayed with the post. You can select from the Author, Date, Time, Comments.
  14. 14.Read More: Toggle this button to display the Read More link with the post.
  15. 15.Read More Text: Provide the read more text which will be displayed with the post.
  16. 16.Open in new window: Enable if read more link should open a complete post in the new tab.

Query #

query
  1. 1.Source: Select source for displaying posts. You can select from the Posts, Pages, Manual Selection, Current Selection, Related.
  2. 2.Include / Exclude: Select which posts to be included or excluded. Include By: To include posts you can select posts by Author, Term. Exclude By: Select to exclude posts by Current post, Manual Selection, Term, Author. Avoid Duplicates: If set to Yes duplicate posts will not be displayed in the frontend, however, while editing you can see such duplicate posts. Offset: Use this value to skip the number of starting posts from displaying.
  3. 3.Date: You can select to display posts according to the publish date. Customize the date by selecting from multiple options.
  4. 4.Order By: Order display of posts by Date, Title, Menu Order, or Random.
  5. 5.Ignore sticky posts: Enable to not display sticky posts.
  6. 6.Query ID: Give your Query a custom unique id to allow server-side filtering.

Pagination #

Pagination
  1. 1.Pagination: Select style of pagination as Numbers, Previous/Next, Numbers + Previous/Next, or none.
  2. 2.Page Limit: Provide how many pages to be displayed.
  3. 3.Previous Label & Next Label: Provide text for labels when pagination style contains previous/next links.
  4. 4.Alignment: Select alignment for the pagination.

Style #

Layout #

Layout style
  1. 1.Column Gap: Select space between columns.
  2. 2.Rows Gap: Select space between rows.
  3. 3.Alignment: Select alignment for the layout.

Box #

Box styles
  1. 1.Border Width: Provide width for top, right, bottom, left side of the box border.
  2. 2.Border Radius: Radius for the box border.
  3. 3.Padding: Provide padding for the top, right, bottom, left side of the box.
  4. 4.Content Padding: Provide padding for top, right, bottom, left side of the box content.
  5. 5. Box Shadow: Select different options for Box Shadow as Color, Horizontal, Vertical, Blur, Spread, Position. You can select different options for normal and hover behavior of the box.
  6. 6.Background Color: Select background Color & Opacity for normal and hover behavior of the box.
  7. 7.Border Color: Select border Color & Opacity for normal and hover behavior of the box.

Image #

Image styles
  1. 1.Border Radius: Radius for the image border.
  2. 2.Spacing: Space around the image.
  3. 3.CSS Filters: Apply a combination of different CSS filters like Blur, Brightness, Contrast, Saturation, Hue. You can select the different settings for Normal & Hover settings.

Content #

Content styles
  1. 1.Title Color: Color of the title. Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing. Spacing: Space around the content.
  2. 2.Meta Color: Color of the meta. Separator color: Color of the ‘meta separator’. Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing. Spacing: Space around the content.
  3. 3.Excerpt Color: Color of the excerpt. Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing. Spacing: Space around the excerpt.
  4. 4.Read More Color: Color of the Read More. Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing. Spacing: Space around the read more link.
Updated on April 14, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Post TitlePost Carousel

Powered by BetterDocs

Table of Contents
  • Content
    • Layout
    • Query
    • Pagination
  • Style
    • Layout
    • Box
    • Image
    • Content

Our Products

Responsive Paid Plan

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

WP Adcenter

GDPR Cookie Consent

Powered by Responsive WordPress theme

RESOURCES

Responsive Platform

Learn Elementor

Download Free Theme

Brand Assets

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

FEATURES

WooCommerce

Header Footer Builder

Company

About

Pricing

Blog

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Support

Login

What’s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Copyright © 2010-2025 CyberChimps  

Top
  • Constructive Blocks
    • Advanced Heading Block
    • Section Block
    • Advanced Columns Block
    • Pricing List Block
    • Pricing Table Block
    • Flip Box Block
    • Info Block
    • Image Slider Block
    • Post and Page Grid Block
    • Post Carousel Block
    • Icon List Block
    • Table of Content
    • Team Block
    • Shape Divider Block
    • Masonry Block
    • Portfolio Block
    • Accordion Block
    • Divider Block
    • Video Popup Block
    • Card Block
    • Spacer Block
    • Google Map Block
    • Block Quote
    • Expand
    • Image Hotspot
    • Instagram Feed Block
    • Image Boxes Block
    • Testimonial Block
    • Advanced Text Block
    • Testimonial Slider Block
    • Feature Grid Block
    • Inline Notice Block
    • WP Search Block
    • Social Share Block
    • Tabs Block
    • Progress Bar Block
    • Call/Mail Button
    • Anchor Block
    • Gutenberg Image Block – Responsive Block
    • Contact Form 7 Styler
  • Timelines
    • Count Up
    • Gutenberg Countdown Block
    • Content Timeline
    • Post Timeline Block
  • CRO
    • Multi Buttons Blocks
    • Call To Action Block