Archive Posts Widget (Pro)

The Archive Posts Widget displays a list of any posts within Archive templates, which are created in Templates > Theme Builder > Archive.

Note: The number of posts per page is controlled from the WordPress Reading settings (Dashboard >  Settings > Reading)


Content

Layout

  1. Skin: Select a pre-designed skin, either Classic or Cards
  2. Columns: Set how many columns will be displayed, from 1 to 6
  3. Image Position: Set the image position, relative to the content. Options include: Top / left / right / none
  4. Masonry: Slide on or off
  5. Image Size: Set the size of the image, from thumbnail to full
  6. Image Ratio: Set the exact ratio of the images
  7. Image Width: Set the exact width of the images
  8. Title: Choose to show or hide the title
  9. Title HTML Tag: Select the HTML tag to use for the title, from H1 to H6, or div, span, or p
  10. Excerpt: Choose to show or hide the excerpt
  11. Excerpt Length: Choose the length of the excerpt, setting the exact amount of words displayed
  12. Meta Data: Select the meta data to be displayed in the widget. A click on the field opens the list of options. The options include author, date, time and comments
  13. Read More: Show or hide the Read More button
  14. Read More Text: Customize the Read More text
  15. Badge (Only available if Cards skin is selected): Slide to YES to show badge
  16. Badge Taxonomy (Only available if Cards skin is selected): Select the taxonomy to be used for the badge, choosing from Categories, Tags, etc.
  17. Avatar (Only available if Cards skin is selected): Show or Hide the Author avatar

Note: When Elementor displays a post, if it has no excerpt, Elementor automatically generates an excerpt from the post’s content. The Excerpt Length option allows you to control the length of this auto-generated excerpt. However, the excerpt length only applies to posts in which no manual excerpt has been entered. The length specified in the Elementor widget is ignored if a manually-generated excerpt exists for a post. 

Pagination

  1. Pagination: Choose how you wish to paginate the results. Options include None, Numbers, Previous/Next, or Numbers + Previous/Next
  2. Page Limit: Limit the pagination to the number you enter here.
  3. Shorten: If there are many pages of results, this adds an ellipsis (…) between the first few pages and the last few pages. i.e. 1 2 3 …. 8 9
  4. Previous Label / Next Label: Enter text to be used for Previous and Next labels. Option is only available if Previous/Next or Numbers + Previous/Next was chosen for Pagination.
  5. Alignment: Align the pagination to the left, right, or center

Advanced

  1. Nothing Found Message: Enter text to be displayed when there are no posts to show.

Style

Layout

  1. Columns Gap: Set the exact gap between the columns
  2. Rows Gap: set the exact gap between the rows
  3. Alignment: Set the alignment of the content in the widget as left, center or right

Card (Displayed only if Cards skin is chosen)

  1. Background Color: Choose the background color of the card
  2. Border Color: Choose the border color of the card
  3. Border Width: Set the thickness of the border around the card
  4. Border Radius: Set the roundness of the border corners of the card
  5. Horizontal Padding: Set the horizontal padding of the card’s content
  6. Vertical Padding: Set the vertical padding of the card’s content
  7. Box Shadow: Choose Yes to apply a pre-defined box shadow to the card
  8. Hover Effect: Select a hover effect, either None or Gradient
  9. Meta Border Color: Choose the border color above the meta data

Image

  1. Spacing: Set the exact spacing between the image and the content
  2. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings

Badge (Only available if Cards skin is chosen)

  1. Badge Position: Align badge to the left or right of the card
  2. Background Color: Choose the background color of the badge
  3. Text Color: Choose the text color of the badge
  4. Border Radius: Set the border radius to control corner roundness
  5. Size: Set the size of the badge
  6. Margin: Control the distance of the badge from the top and side of the card
  7. Typography: Set the typography of the badge text

Avatar (Only available if Cards skin is chosen)

  1. Size: Set the size of the avatar.

Content

Title

  1. Color: Set the color of the titles
  2. Typography: Set the typography of the titles
  3. Spacing: Set the spacing between the title and the content

Meta (Only available if Cards skin is chosen)

  1. Color: Set the color of the  meta data
  2. Separator Color: Set the color of the  meta data separator
  3. Typography: Set the typography for the  meta data

Excerpt

  1. Color: Set the color of the excerpt
  2. Typography: Set the typography of the excerpt
  3. Spacing: Set the spacing between the excerpt and the read more

Read More

  1. Color: Set the color of the read more
  2. Typography: Set the typography for the read more text
  3. Spacing: Set the spacing between the read more text and the bottom of the post box

Pagination

  1. Typography: Set the typography for the pagination text
  2. Color: Choose the color for the pagination text for Normal, Hover, and Active states
  3. Space Between: Set the spacing between the pagination elements

Nothing Found Message

  1. Color: Choose the color for the message
  2. Typography: Set the typography for the message

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email

Did this answer your question?

255 people find it useful

Yes

No

Related content

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before