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 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 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.
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
Icon Add an icon to enhance the design of the main blog post. These changes are visible when selecting the desktop layout option: Collage in the blog settings.

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

Categories


You can add categories to your blog post and it will be visible on blog post card.

Navigate to Blog post and in Tags choose from suggested tags or type your own tags through add tag in the field



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.


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

  1. 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. 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us