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
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).
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. 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
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 option to show the last updated date instead of the publishing one. It's is also possible to edit the text before the date - details here.
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