Neve Blog/Archive Options

Neve offers a comprehensive set of options for the blog and posts archive pages, such as layout, elements ordering, custom metadata, and three styles for the Read More button. Please note that some of these options are available only in Neve Pro, as part of the Blog Booster module.

The options presented in this guide are available in Dashboard -> Appearance -> Customize -> Layout -> Blog/Archive.

PRO - You may see green notices like this one in the following chapters, highlighting the options available in Neve Pro.

(responsive control) - You may see blue notices like this one in the following chapters, highlighting that the current options can have different values for each device.

Table of content


Blog layout

In this chapter, we'll explore the three different layouts available in the theme and contextual options for each one.

  1. List
  2. Covers
  3. Grid

1. List

The list layout shows the posts one below each other, with the possibility to have alternative images, by enabling the Alternating Layout.


Alternating Layout

PRO - Check out the other options that come with this layout.

List Spacing (responsive control) - adjust the amount of space between the posts(above/below).

Image Position - Left | No Image | Right. The above screenshot has this option set to left.

Content Padding (responsive control) - adjust the amount of space around the post content. This is different than the list spacing property.


Content Padding

Image width - change the width of the post thumbnail.

Add Separator between posts - add a thin line between the posts, which can be styled.


Add Separator between posts

2. Covers

The Covers layout places the whole content above the post featured image. We recommend using this layout when all the blog posts have a featured image set.

The basic options in this scenario are:

Columns (responsive control) - the number of items in a row.

Text color - can be used to change the color of the post title, metadata, and excerpt.

PRO - Check out the other options that come with this layout.

Grid Spacing (responsive control) - Change the space between the cards - this applies to both horizontal and vertical axes.


Grid Spacing

Card Min Height (responsive control) - Set a minimum height for the posts.


Card Min Height

Border Radius - When it's 0 the posts will look like rectangles, increase the value to make the corners rounded.

Overlay Color - The dark overlay between the image and the text.

Content Padding (responsive control) - The amount of space inside the card, between the content and the border.


Content Padding

Enable masonry - Make the posts on the next row to start where empty space is available instead of aligning the posts on each row.


Masonry layout

Show content only on hover - Display the featured image only with the overlay color. The content will appear when hovering on posts.


Show Content Only On Hover

3. Grid

The grid layout is very similar to the above one(Covers) in terms of options, just that content is below the featured image.

The basic option here is the number of items in a row, which is a responsive control.

PRO - Check out the other options that come with this layout.

Grid Spacing (responsive control) - Change the space between the cards - this applies to both horizontal and vertical axes.

Border Radius - When it's 0 the posts will look like rectangles, increase the value to make the corners rounded.

Content Padding (responsive control) - The amount of space inside the card, between the content and the border.

Add Separator between posts - set the separator weight and color.

Enable masonry - Make the posts on the next row to start where empty space is available instead of aligning the posts on each row.

Enable card style - Customize text and background color for the cards, as well as box-shadow.


Custom cards style, Post Separator enabled, Masonry layout


Ordering and Content

After choosing a layout for the blog page, let's dig into the content by customizing how the posts listed on the blog looks like, and on which criteria are they shown.

Order posts by - date updated | Date posted descending | Date posted ascending.

Posts pagination - Number for having multiple pages inside the blog after displaying 10 posts for example, or Infinite Scroll for having one-page layout.

Post content order - Thumbnail | Title & Meta | Excerpt - Reorder those items and show/hide the desired ones.

Content horizontal alignment - Left | Center | Right.

Content vertical alignment - Top | Middle | Bottom.

Excerpt length - set number of words.

Thumbnail Shadow - add a box-shadow behind the featured image.


Ordering and content


Post Meta

The post meta options are about displaying the desired items and changing their order.

  • Author name
  • Author avatar - choose its size (PRO - responsive control)
  • Date
  • Category
  • Estimated reading time (PRO)
  • The number of comments

The character used as a separator for the post metadata ( PRO).


Post meta


Read More

This option is available only with Neve Pro.

The Read More label can be:

  • Text - customizable
  • Primary button
  • Secondary button 


Style 1 - Text


Style 2 - Primary button with custom label


Style 3 - Secondary button with custom label

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.