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.

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

📝Note: (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
Featured Posts
Ordering and Content
Post Meta
Read More
Video - Creating a Blog Header using the Custom Layouts

Blog layout

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

List
Covers
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

Featured posts

This section helps you highlight the latest posts of the website or the sticky ones. To enable it, navigate in the Customizer at Layout -> Blog/Archive -> Featured Posts, and use the toggle available there, as in the following example.

PRO - With the premium version of the theme which has the Blog Booster module, the following options are also available for the current section.

Image position - for the featured posts you can choose where to display the featured image, left, center, right.

Content alignment (click for image) - in case you use a different blog layout such as covers, this option may come in handy for aligning the content as you wish inside the post card

Background color (click for image) - set a different background color only for the featured posts to emphasize them more

Content padding (click for image) - it helps with any post layout, it can be list, covers, or grid

Post height (click for image) - in case you are showing the featured image above the text in the card layout, which will make it a full-width card above the regular posts, this helps with controlling the image height

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 look 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; Number & Search Field - it adds an input field next to the pagination with numbers that allow entering the number of the page to be visited (click to see image); Infinite Scroll for having a 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. If you use the maximum value allowed in the control which is currently 300 words, the whole post content will be shown on the blog/archive page. With a lower value than 300, the excerpt will have this exact number of words on blog/archive pages.

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

Ordering and content