Build your Post Archive pages in the 10Web builder with the Post Archive widget.
The Content Tab
Masonry: By default, the layout of the widget is set to a grid. Turn the toggle on to use a masonry layout.
Columns: Choose the number of columns to be displayed.
Posts Per Page: Choose the number of posts to show on each page. Set the number on zero to display all posts.
Show Image: Option to show or not show an image for your post.
Image Position: Choose how to position your image, above or below the title.
Image Size: Choose a size for your post image.
Title: Hide or show title of post by clicking on the toggle.
Title HTML Tag: Choose an HTML tag for the title.
Excerpt: Option to show or hide and excerpt of posts.
Excerpt Length: Choose the number of words to display for the post excerpt.
Meta Data: Choose the meta data you want to display. For example, date, time, author, etc.
Separator Between: Option to use a separator between the meta data.
Read More: Option to enable a “read more” button.
Read More Text: Option to customize the button text.
Pagination: Choose to turn pagination on or off. This will add a page button to your post widget.
Page Limit: Set the maximum number of pages displayed on the button.
Next and Previous Buttons: Click the toggle to add next and previous page buttons.
First and Last Buttons: Click the toggle to add first and last page buttons.
Numbers: Click the toggle to show/hide page numbers.
Previous & Next Labels: Set the text for their respective buttons.
Nothing Found Message: Customize message in the field box.
The Style Tab
Column Gap: Set the spacing between columns.
Rows Gap: Set the spacing between rows.
Background Color: Option to set color for the post block.
Border Color: Option to set color for the border of the post.
Border Width: Choose the width of the border.
Border Radius:Choose to have rounded block edges.
Horizontal Padding: Set the vertical padding of text in the post block.
Vertical Padding: Set vertical padding relative to the post widget column.
Alignment: Choose the alignment of text (Left, Center, Right).
Image Spacing: Set the spacing between image and text.
Title: Edit the color, typography, and spacing of the title. Spacing is relative to the excerpt text.
Excerpt: Set the color, typography, and spacing of the excerpt. Spacing is relative to the read more button.
Read More: Set the color, typography, and spacing of the read more button. Spacing is relative to the image.
Meta: Set the meta color and typography. Set the color for the meta separator and border. Set the spacing of the meta relative to the excerpt text.
This section is true for Normal, Hover, and Active settings.
Alignment: Align the pagination button. Choose from left, center, and right.
Typography: Choose desired font.
Colors: Set color for pagination button.
Space Between: Set the space between the Prev/Next and numbers of the pagination button.
Nothing Found Message
Color: Set the color or the message.
Typography: Customize typographical settings of the message.
The Advanced Tab
In the advanced tab adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.
Next Up: Post Content