Archive Posts Widget

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. 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

Still puzzling over something?