Blog post archive settings

Banner settings

Setting	Description
Heading size	The heading size setting offers three options to control the size of your site's headings: Small Medium Large
Heading weight	Choose the appropriate font weight for headings to ensure they stand out and align with your design.
Heading color	The “Heading color” setting offers four options to customize the color scheme of your card's heading: Text main color Text secondary color Headings color Headings secondary color
Banner background image	Add an image as the background for your banner to enhance its visual appeal and match your overall design.
Banner background mobile	Choose a different background image for mobile devices to ensure the banner looks good and maintains visual consistency across different screen sizes.
Banner left overlay	Apply an overlay over the banner image on the left to enhance its visual appeal.
Banner right overlay	Add a second overlay to the banner image on the right, allowing for creative combinations of overlay.
Make section full width	Mark the checkbox, and the section will take up the full width of the page.
Enable shape in banner	Make a banner in rounded shape.
Background color	There are five options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.
Background gradient	Use the gradient picker to create a custom gradient for your section background.
Top padding	The “Top padding” setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The “Bottom padding” setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.

Blog settings

Setting	Description
Desktop layout	This setting allows you to choose how your blog posts are displayed on desktop screens. Collage: One main post is featured, followed by all the other posts. Grid: All posts are displayed in a grid format. Note: On mobile devices, the posts are stacked.*
Blog count to show	This setting determines the number of blog posts that will be displayed on one page if Pagination is enabled, or it determines the number of blog posts shown until the "Load More" button if this option is enabled.
Select a way to expand the list	Select a way to expand the list: You can choose to expand your blog post list in one of two ways: Load more button: Users can click a button to load additional blog posts. Pagination: Pagination allows users to navigate between pages of blog posts.
Load more label	You can customize the text on the "Load More" button. The default text is "Load More", but you can change it to something else, such as "Read More" or any other label that fits your website's style and tone.

Blog post card

Setting	Description
Show featured image	Mark the checkbox to showcase the featured image from the blog post page in admin panel on the blog post archive page. If left unchecked, categories, heading, description, and comment count will be visible without an image. Also, we can add a date and an author to show them on the page.
Featured image height	Adjust the image height according to your preferences. Four options to try: Adapt to image Small Medium Large For best results, use an image with a 3:2 aspect ratio. Learn more
Heading line limit	Specify the maximum number of lines for the heading post description.
Show date	Enable this option to display the publication date of the blog post.
Show author	Enable this option to display the author's name of the blog post.
Show info	Enable to display additional information, such as the estimated time to read these posts: 6 mins read.
Info label	Customize the label for the displayed information.
Show date above title	Place the publication date above the blog post title.
Show comments	When this option is enabled, customers will see the number of comments left on a particular blog post displayed on the blog post card.
Author prefix	Enhance the display of author names by adding a prefix before their names. This feature allows you to include a specific label, such as "by," before the author's name, creating a more structured and professional presentation of content.
Show badge	You can show or remove badges on blog posts.
Show excerpt	Show or hide excerpt from your blog post content on blog post card.
Excerpt line limit	Specify the maximum number of lines for the blog post content to be shown on the blog post card.
Label for post link	If you add text for the post link, it will lead to the blog detail page. However, if you remove the text, the button won't be visible under each blog post.

Pagination

Navigate to the “Select a way to expand the list” option in the Blog settings. Choose the style "Pagination", and then experiment with various pagination options to see how they affect the display.

These settings apply to inactive pages. For instance, if you're on page 1, pages 2, 3, 4, etc. will adhere to these color settings.

Setting

Description

Pagination color

The “Pagination color” setting offers four options to customize the color scheme of the pagination number:

Text main color
Text secondary color
Headings color
Headings secondary color

Pagination background

There are six options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.

For the active page, such as when you're on page 1 and wish to modify the text color and background, navigate to the theme color settings/ Button primary.

Shape divider

Setting	Description
Shape position	Choose the position of the shape: Top: The shape is displayed only at the top of the section. Bottom: The shape is displayed only at the bottom of the section. Both: The shape is shown at both the top and bottom of the section.
Type	Select the shape type that enhances the visual appeal of your banner the most.
Color	You can select the color of the shape to complement the color of the banner.
Width	Adjust the shape width using the slider. But notice that it has an impact on section width.

Section settings

Setting	Description
Background color	There are six options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.
Background gradient	Use the gradient picker to create a custom gradient for your section background.
Top padding	The “Top padding” setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The “Bottom padding” setting functions similarly to the “Section top padding” setting but controls the space at the bottom of the section.