Blog posts template


Setting Description
Color scheme

Choose an appropriate color scheme for the Blog posts template.

*Applying a color scheme automatically updates all associated colors set in the theme settings according to the created color schemes. You can edit colors in this block, but it will impact the other sections and blocks in which the same color scheme is used.  Learn more about color schemes.

Show breadcrumbs Enable this option to display breadcrumbs above the banner. This allows users to easily navigate back to the homepage, enhancing the overall user experience.
Show heading Enabling this option will display the page title on the banner, helping users easily identify which page they are on. This enhances navigation and improves overall user orientation
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.

Show featured image Enable the setting 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

Show excerpt

This setting controls the display of blog post excerpts.

  • Enable – Excerpts will not be displayed.
  • Disable – Excerpts will be shown for every blog post.
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.

Section padding 

Setting Description
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. 
Top padding mobile The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.
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