Posts Element

Last Updated on

The Posts element allows you to display posts from Blog or Portfolio post type. It also offers many features like a layout, filter by categories, pagination styles, etc. You can change the featured image size, set excerpt length and change “Read More” button text and other settings.

Common uses:

  • Blog Grid
  • Masonry Blog
  • Portfolio Grid
  • Masonry Portfolio
  • Projects showcase
  • Image gallery
  • Art Gallery
  • Products Showcase (without shopping cart)
x
Beware! This element is a part of the Raven elements. Raven is an exclusive plugin developed by Artbees which represents new useful elements to Elementor. In order to see the default Elementor Posts, you need to look for it in the Elementor knowledgebase.

In this article


Displaying a Posts Element

To add a Posts element to a page:

1
Add a new page or edit an existing one.
2
Click on Edit with Elementor button.

3
From the left dashboard, search for a “Posts”.

4
Drag and drop the Posts element to your page.

5
A new dashboard on the left will open with the element’s settings. These are explained below.

Content

SettingDescription
Skin Sets a pre-designed skin: either Outer Content or Inner Content.
Source Sets the source of the posts: Blog or Portfolio.
Select Specific Blog Choose custom posts to show.
Categories Choose the posts from categories.
Tags Choose the posts from tags.

Settings

SettingDescription
Layout Sets the layout for posts section. It can be Grid or Masonry.
Columns Set the columns number of the posts. You can choose up to 6 columns.
Image Size Sets image source size between the WordPress Image sizes or define a custom size. More information can be found here. This is different than the Width option in the Style tab for the Featured Image.
Posts Per Page Sets the number of posts to show per page.
Sets the html tag for the posts titles: h1, h2, h3, h4, h5, h6, div, p, span.
Hover Effect Sets the animation on hover.

You can show/hide the element parts in the settings. Here is the list of things you can show or hide on the Posts element:

  • Feature Image
  • Post Title
  • Categories
  • Author
  • Date
  • Comments
  • Excerpt
  • CTA Button
  • Pagination
  • Sortable

When you show/hide these options in settings, they will automatically show/hide in the Style tab.

Sort & Filter

SettingDescription
Order By Sets the posts order by date, title, menu order, random.
Order Sets the ascending or descending order of the posts.
Offset Skips over posts (e.g. ‘4’ to skip over 4 posts).
Excludes Excludes custom posts you set in this setting.

Style

SettingDescription
Column Spacing Sets the space between posts columns.
Row Spacing Sets the space between posts rows.
Padding Sets paddings around the posts.
Alignment Aligns the post content on a page.
Background Color Type Sets a background color for posts.
Border Type Sets the border around the posts.
Border Width Sets the width of the border.
Border Radius Sets a custom radius for the border.
Color Sets the border color.
Box Shadow Sets the shadow around the posts.

 

There are also general settings for the options that you enabled in the “Content” tab in Settings section:

  • Feature Image
  • Post Title
  • Meta
  • Excerpt
  • CTA Button
  • Pagination
  • Sortable

Responsive Options

You can choose to have different settings on different screen sizes for some of the Posts element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.

At first you’ll see the icon for desktop layout only

But when you click that icon, you’ll get two more layouts: for tablet and phone.

To learn more about it, please check this article.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket