Common questions and support documentation

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)

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

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

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

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

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

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.

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

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

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

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

1. Color: Choose the color for the message

2. Typography: Set the typography for the message