Post Archive Widget (Pro)

the Archive posts The widget displays a list of the posts within the archive templates, which are created in Templates> Theme Builder> File.

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

Content

Design

1. Skin: Select a predesigned skin, either Classic or Cards
2. Columns: Sets how many columns will be displayed, from 1 to 6
3. Image position: Sets the position of the image in relation to the content. Options include: Up / Left / Right / None
4. Brickwork: Slide in or out
5. Image size: Sets the image size, from thumbnail to full
6. Image ratio: Sets the exact proportion of images
7. image width: Sets the exact width of the images
8. Title: Choose to show or hide the title
9. Title HTML tag: Select the HTML tag to be used for the title, from H1 to H6, or div, span op
10. Abstract: Choose to show or hide the statement
11. Excerpt length: Choose the length of the excerpt, setting the exact number of words displayed
12. Metadata: Select the metadata to be displayed in the widget. A click on the field opens the list of options. Options include author, date, time, and comments.
13. read more: Show or hide the Read more button
14. Read more text: Customize the text Read more
15. Badge (Only available if card layout is selected) - Slide to YES to display the badge
16. Badge Taxonomy (Only available if the Cards mask is selected): Select the taxonomy to be used for the badge, choosing from Categories, Tags, etc.
17. Avatar (Only available if the Cards mask is selected): show or hide the author's avatar

Note: When Elementor displays a post, if you don't have an excerpt, Elementor automatically generates an excerpt from the post content. the Excerpt length The option allows you to control the length of this automatically generated extract. However, the excerpt length only applies to posts where no manual excerpts have been entered. The length specified in the Elementor widget is ignored if there is a manually generated excerpt for a post.

Pagination

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

Advanced

1. Nothing found message: Enter the text to display when there are no posts to display.

Style

Design

1. Column spacing: Sets the exact space between the columns
2. Row spacing: sets the exact space between the rows
3. Alignment: Sets the alignment of the content in the widget as left, center or right

Card (only displayed if card layout chosen)

1. Background color: Choose the background color of the card
2. Border color: Choose the color of the card border
3. Border width: Sets the thickness of the border around the card
4. Edge radius: Sets the roundness of the card edge corners
5. Horizontal padding: Sets the horizontal fill of the card content
6. Vertical padding: Sets the vertical padding of the card content
7. Shadow of the box: Choose Yes to apply a predefined box shadow to the card
8. Scroll effect: Select an offset effect, None or Gradient
9. Meta border color: Choose the border color over the metadata

Image

1. Spacing: Sets the exact spacing between the image and the content
2. CSS filters: Adjusts the picture style by changing the CSS filter scales for Blur, Brightness, Contrast, Saturation, and Hue adjustments

Badge (Only available if Card skin is chosen)

1. Badge position: Aligns the badge to the left or right of the card
2. Background color: Choose the background color of the badge
3. Text color: Choose the color of the logo text
4. Edge radius: Sets the radius of the border to control the roundness of the corners
5. Size: Sets the size of the badge
6. Margin: Control the distance of the badge from the top and side of the card
7. Typography: Sets the typography of the badge text

Avatar (Only available if Card skin is chosen)

1. Size: Sets the size of the avatar.

Content

Title

1. Colour: Sets the color of the titles
2. Typography: Sets the font for the titles
3. Spacing: Sets the space between the title and the content

Goal (Only available if Card skin is chosen)

1. Colour: Sets the metadata color
2. Separator color: Sets the color of the metadata separator
3. Typography: Sets the font of the metadata

Abstract

1. Colour: Sets the color of the abstract
2. Typography: Sets the font of the extract
3. Spacing: Set the space between the excerpt and the longest reading

read more

1. Colour: Sets the color of the reading
2. Typography: Set the font to read more text
3. Spacing: Sets the space between the most read text and the bottom of the post box

Pagination

1. Typography: Sets the font for the pagination text
2. Colour: Choose the color of the pagination text for Normal, Hover and Active states
3. Space between: Sets the space between pagination elements

Nothing found message

1. Colour: Choose the message color
2. Typography: Sets the font of the message