Neve Single Post Options

Neve PRO offers a set of options for the Single Post layout, which applies by default on all the existing and newly-created posts. Some of them are also integrated into the individual post options and can overwrite the global ones.

These options are available in Dashboard > Appearance > Customize > Layout > Single Post:

• Global Options (Customizer)
• Individual Options
• 🎥Video - How to customize a Single Post layout

Global options

While making visible the elements (from Elements Order), more of the following options will appear:

• Header Layout
• Page Elements
• Post Meta
• Comments
• Author Box
• Related Posts
• Sharing Icons
• Post Navigation

The options available for the header layout are:

• Normal - it's the layout that can be observed from the screenshot above. 
  • Title Alignment - with three options: left / center / right (Desktop | Tablet | Mobile).
• Cover - is the layout that will transform the main photo of the post into a cover photo, as you can see below.

Once you choose this layout, there will be many customizations available:

• Cover height - the desired height of the cover photo ( available in PX or in VH), along with a reset button. It can be set differently for any of the devices (Desktop | Tablet | Mobile).
• Cover padding - helps the user to align the title and details, by selecting the desired dimensions ( available in PX or in EM), along with a reset arrow (⟲). You have the possibility to link (🔗) the values; this means that a change to any of the directions will be automatically applied to all of them. It can be set differently for any of the devices (Desktop | Tablet | Mobile).

• Title Alignment - will change the alignment of the title, with three options: left / center / right (Desktop | Tablet | Mobile).
• Title Position - will change the position of the title, with three options: top / center / bottom (Desktop | Tablet | Mobile).
• Display meta before title - changes the order of the meta and title, by reversing them. It's an enable / disable option.

• Overlay/ Text color - modifies the color of the overlay / title&meta. You can choose one of the global colors ( theme's default colors ), by clicking on the 🌐 button.
  • 📝Note: You can boost your website's appearance by using the Gradient option that can be accessed while editing the overlay color.
• Overlay opacity - allows the user to set a percentage of the overlay's opacity, along with a reset button.
• Hide featured image - will erase the photo of the article (the cover photo), replacing it with a default color ( grey ).

• Blend mode - gives the possibility to edit photo's appearance and has plenty of options: Multiply / Screen / Overlay / Darken / Lighten / Color Dodge / Saturation / Color / Difference / Exclusion / Hue / Luminosity.
• Cover container - has two options: Contained / Full Width. 

• Boxed Layout - adds a box under the title and meta. Once you enable this option, there will appear two more settings that can be done: 
  • Section padding - similar to cover padding
  • Background color - sets the color of the background box. You can choose one of the global colors ( theme's default colors ), by clicking on the 🌐 button.
  • 📝Note: You can boost your website's appearance by using the Gradient option that can be accessed while editing the background color.

• Elements Order - changes the order of the elements from the article, with a drag-and-drop movement. 
  • Visibility - you can turn on / off the visibility of the elements, by clicking the 👁️ button.
• Spacing between elements - changes the dimension of the blank space between the elements ( tags, content, biography, etc), available in PX, along with a reset button (Desktop | Tablet | Mobile). 

The elements presented here may vary, depending on the layout used:

Cover

Normal

📝 Note: The thumbnail element refers to the featured image of the single post. 

The options available for the post meta are:

• Meta Order - allows the user to change the order of the title and details, with a drag-and-drop movement. 
  • Visibility - you can turn on / off the visibility of the meta, by clicking the 👁️ button.
• Separator - gives the user the possibility to add the desired separator (a character that separates the author, date, category, and estimated reading time). 
• Show Author Avatar - adds next to the author's name the avatar.
  • Avatar Size - helps to set the perfect dimension for the avatar, in PX, along with a reset button (Desktop | Tablet | Mobile). 
  • Use last updated date instead of the published one - allows the user to provide the last update's date.

The options available for the comments are:

• Comments Section Style - has two options: 
  • Show/ Hide mechanism - a blue button with "Show comments" will appear.
  • Always show - provides a box with the "Leave a Reply" title where the users can add their thoughts.
• Comments Section - has two options:
  • Section title - sets the front-end title of the section. You have the possibility to let it empty, which generates a default behavior ( eg. "1 thought on “A look inside our bar” ").
  • Boxed layout - if it's enabled it will generate a box around the section and will also unlock some options:
  • Section padding - similar to the ones presented before.
  • Background / text color - similar to the ones presented before.
• Submit Form Section - has four options:
  • Section title - the title that appears above the comment white box. If you choose to leave it empty, it will generate a default text ( eg. "Leave a Reply" ).
  • Button style - customizes the button's appearance and has two options: primary ( blue button with white text) and secondary ( white button with a blue border and blue text).
  • Button text - changes the text which appears on the button (by default: "Post Comment").
  • Boxed layout - adds a box in the background of the section. If it enables it will generate the following options:
  • Section padding - similar to the ones presented before.
  • Background / text color - similar to the ones presented before.

📝 Note: You may find useful this article about how to prevent users from leaving more than one review.

The options available here are:

• Show author image - once enabled, it will generate the avatar of the author, with the following options:
  • Image Size - modifies the size of the photo, in PX (Desktop | Tablet | Mobile). 
  • Image position - changes the position of the photo and has three options: left / center / right.
  • Border Radius - rounds the margins, according to the desired level. If you want to undo the changes, you can click on the reset button.
• Show archive link - changes the visibility of the archive link.
• Content alignment - arranges the content of the author's biography according to the options: left / center / right.
• Boxed layout - adds a box around the content and image. Once you enable it, there will appear a few options:
  • Section padding - similar to the ones presented before.
  • Background / text color - similar to the ones presented before.

• Title - the title that appears above the section. If you leave the field empty, there is no default text.
• Related Posts By - shows the posts related by category or tags.
• Columns - sets the number of columns in which the posts will be displayed.
• Number of Related Posts - sets the number of posts that will be displayed.
• Excerpt Length - trims the content of the summary. If you want to undo the changes, there is a reset dedicated arrow (⟲) at the end of the row.
• Show featured image - displays the featured photo of the post. It can be enabled / disabled.
• Boxed layout - adds a box around the related posts. It can be enabled / disabled. 

The options available for the sharing icons are:

• Icon style - changes the appearance of the icons and has two options: round ( as in the screenshot above, adds a circle background) / plain ( shows only the social icons).
• Use custom icon color - allows the user to modify the color of the icons. You can choose one of the global colors ( theme's default colors ), by clicking on the 🌐 button.
• Icons individual customizations - there are a few options for each icon:
  • Visibility - you can turn on / off the visibility of the icon, by clicking the 👁️ button. 
  • Title - you can change the title that appears when you hover with the mouse over the icon.
  • Social Network - once you click on the 🔽 button, there will appear a list from which you can choose.
  • Show on Desktop - can be enabled or disabled.
  • Show on Mobile - can be enabled or disabled.
  • Remove - it will remove the social icon.

There are two more settings available here: 

• Reorder - once you click this one, two arrows will appear for each social network. After finishing, you can click "Done".
• Add item - once you click this one, another field will appear, with the previously mentioned settings.

Check the following GIF to see how the feature works.

📝 Note: The posts displayed through the infinite scroll are presented in the descending order of the time they were created.

Individual Options

📝  Note: The Customizer option sets the default sidebar position for various types of pages and, by editing a particular page, with the individual option the Customizer value might be overwritten.

In order to access the individual options, you have to go to Dashboard > Posts > choose one post > Edit > click on Neve icon.

While editing each post, the following options, more specific than the ones within the Customizer, are available within the  right sidebar. The areas are:

• Page Layout
  • Sidebar - sets the position of the sidebar, coming with four options: Inherit (from the Customizer) / None / Left / Right.
  • Container - modifies the space occupied by the content, taking into consideration a predefined frame, coming with three options: Default / Contained / Full Width.
  • Custom Content Width - when enabled, it will generate a field to set the percentage. It changes the width of the content, according to the defined dimension.

📝 Note: The page template influences the presence of the sidebar. Make sure you use the default templates for pages where you want the sidebar to appear.

• Page Title
  • Title alignment - changes the alignment of the title from the front-end.
  • Author Avatar - adds the avatar of the author near the meta.
  • Reading Time -  adds the estimated reading time of the author near the meta.
• Elements
  • Order - similar to the Elements Order from the Customizer, it shows / hides / reorders options for the same elements listed in the Customizer. The individual options have higher priority.
  • Disable Header - once enabled, hides the header rows.
  • Disable Footer - once enabled, hides the footer rows and footer widget areas.

In the end, there is a Reset all options to default option, by clicking the  ⟲ button, which means to inherit all those settings from the Customizer.

🎥 Video - How to customize a Single Post Layout