Neve Documentation

Neve is a super-fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small businesses, startups, agencies, firms, e-commerce shops (WooCommerce), personal portfolio sites, and most types of projects. 


While it is lightweight and has a minimalist design, the theme is extendable and has a highly SEO-optimized code, resulting in top rankings in Google search results. Neve works perfectly with any editor, from WordPress to page builders like Elementor, Brizy, Beaver, and others. Neve is also WooCommerce, responsive, RTL & translation, and AMP ready. Check out the list of compatible products for Neve.

Look no further. Neve is the perfect theme for you!

πŸ“© Download and Install Neve 

To download and install Neve, make sure you follow the steps below:

Navigate to Neve's page and click on the Free Download button.
Once you clicked the button, you have two options:
  • Enter your email address in the pop-up window and click on Subscribe and download.
  • Just click on Thanks, I want to just download the zip ( the email address is not required ).
You’ll be redirected to a confirmation page, while the zip file ( for Neve will be automatically downloaded to your computer.

πŸ“ Note: If you are using Safari on your Mac, there is a small chance you have a setting that automatically unzips any .zip file. If that's happening for you, make sure to turn that off.

From this moment, you have to  install the theme by following the steps presented in this doc.

πŸ“ Note: These instructions are just for Neve. To install the purchased Neve Pro, make sure you follow these instructions.

βš™οΈ Neve Options

Here you will find all the necessary  information about Neve. This is the place to go from the documentation, Starter Sites, useful Plugins recommendations, the Help page, Changelog, and even the transition to Neve PRO.

Navigate to Dashboard > Appearance.
Click on Neve Options and start exploring the page. 

πŸ“ Note: You can check this doc to learn more about the Starter Sites Library.

πŸ–Œ Customizer Options

As all the content part of your site is customizable using page builders or the WordPress editor as mentioned above, everything else can be customized from a single place in Neve, which is the Customizer

  • Navigate to DashboardAppearance > Customize, where you will find options for:
Blog/ Archive
Form Fields
Additional CSS
Colors & Background



Neve offers multiple customization options for the layout. There are two ways to access the layout customizations that will be applied across the site:

  •  Appearance > Customize > Layout > Container 

In this menu are available settings regarding container width (in PX), along with a reset button ( Desktop | Tablet | Mobile ), and the style of other sections like the Default Container, the Blog / Archive Container, or Single Post Container, all with the options Contained / Full Width.

  • Appearance > Customize > Layout > Content/Sidebar

In this menu are available settings regarding the sidebar ( full width / left / right ), or the content width, along with a reset button, which can be added in percentages, and it will automatically control the width of the sidebar (if there is one). These are available for any site page if you choose to enable the Advanced Options

Another thing available within the Neve theme is that you have individual posts options for the layout:

Navigate  to Dashboard > Posts.
Choose one post > and click on Edit.
Click on  the Neve icon and a new menu will slide into the page, with the options for layout.

The editor also allows for changing the page template. It might differ due to the installed page builders / themes, and it can be found in the editor, under the βš™οΈ icon, in the Template tab. This will influence how the content is displayed on your website.

  • Default template
  • Elementor canvas / Full Width 
  • Theme
  • Page Builder Full Width ( Neve )

πŸ“  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.

Use the covers header layout, author box, infinite scroll post navigation on the single post layout with Nev Pro which you can get on this page.

Read more about the Single Post


Neve comes with a new versatile builder for the header areas of your site. With just a few clicks you can create your perfect header.

The header builder has  three rows ( Top | Main | Bottom ) in which you can easily select and arrange the available components you can find while hovering over each division of the rows. You can also edit the mobile resolution sidebar by clicking on the Mobile Sidebar component below the Headers.

  •    Appearance > Customize > Header

In this menu are available  settings regarding header components( Desktop | Mobile ), and the layout and style of header's rows.

There are a couple of presets from which you can choose, making your job easier. For this, you have to navigate to Header > Header Presets.

Components can be added to the rows in two ways:

  • drag & drop them from the left sidebar.

  • directly from the header rows, by clicking on the βž• button.

For more details about the header components and how to edit them, check the following docs:

β†’ The Primary Menu component
β†’ The Secondary Menu Component
β†’ Logo & Site Identity
β†’ Menu Icon
β†’ HTML Component
β†’ Search Icon
β†’ Search Form
β†’ Button
β†’ Palette Switch

There are some settings available for each row that you can access in two ways:

  • select from the left-side menu the desired row ( Top / Main / Bottom)
  • directly from the top of the row by clicking on the βš™οΈ icon.

Either of the ways generates the same result - a window from which you can modify the  layout  (Full Width - Contained / Full Width / Contained ) or the style ( Row height / Text color/ Row Background ).

πŸ“  Note: All these settings are also available on the Moblie version. For this, click on the πŸ“± (Mobile) icon.

πŸ“  Note: For more information about Neve's header and how to get started with it, check this documentation.

πŸ“  Note: Check this video about creating a Custom Header.

Explore more options like sticky and conditional header, breadcrumbs, divider, social icons, and other components, including more copies of them with the Neve Pro Header Booster module, which you can get from here. It also has a dedicated Page Header section.


Neve comes with a versatile builder for the  footer area of your site. With just a few clicks, you can create the desired layout.

The footer builder has three rows ( Top | Main | Bottom ) in which you can easily select and arrange the available components you can find while hovering over each division of the rows.

  •  Appearance > Customize > Footer

In this menu are available settings regarding the footer components( Desktop | Mobile ) and the layout and style of the footer's rows. 

Components can be added similar to the header's components:

  • drag & drop them from the left sidebar.

  • directly from the footer rows, by clicking on the βž• button.

For more  details about the footer components and how to edit them, check the following docs:

β†’ The Footer Menu
β†’ The Widget Component  ( Footer One, Footer Two, Footer Three, Footer Four) 

There are some  settings available for each row that you can access in two ways:

  • select from the left-side menu the desired row ( Top / Main / Bottom)
  • directly from the top of the row by clicking on the βš™οΈ icon.

By following any of the ways, you will be able to explore the options of the layout (Full Width - Contained / Full Width / Contained, Number of columns - 1 to 5, and their layout too - 5 presets) or of the style ( Row height / Text color/ Row Background ).

πŸ“  Note: For more information about Neve's footer and how to get started with it, check this documentation.

Explore more options like sticky footer rows, payment icons, social icons, dividers, and other components including more copies of them with the Neve Pro Header Booster module, which you can get from here.


 Blog/ Archive

Neve comes with a wide palette of options for the blog and posts archive pages.

  • Appearance > Customize > Layout > Blog / Archive

This menu has available settings regarding the blog layout, elements ordering, custom metadata, and three styles for the Read More button ( Desktop | Tablet | Mobile ).

The options are organized in four areas:

  • Blog Layout - it has three layouts available, each of them with personalized options:
    • List - shows the posts one below each other, with the possibility to have alternative images by enabling the Alternating Layout.

    • Covers -  places the whole content above the post featured image. We recommend using this layout when all the blog posts have a featured image set.
      • Columns - sets the number of columns in which the posts will be displayed ( from 1 to 4).
      • Text color - modifies the color of the text. You can choose one of the global colors ( theme's default colors ), by clicking on the πŸŒ button.
      • Enable masonry - make the posts on the next row to start where empty space is available instead of aligning the posts on each row.

    • Grid -  is very similar to the above one (Covers) in terms of options, just that content is below the featured image.
      • Columns - sets the number of columns in which the posts will be displayed ( from 1 to 4).
      • Enable masonry - make the posts on the next row start where empty space is available instead of aligning the posts on each row.

  • Ordering and content - focused on customizing how the posts listed on the blog look like, and on which criteria are they shown, has seven options:
    • Post Pagination - Number/ Infinite Scroll.
    • Post Content Order - changes the order of the elements from the article with a drag-and-drop movement. 
      • Visibility - you can turn on / off the elements' visibility by clicking the πŸ‘οΈ button.
    • Excerpt Length - trims the content of the summary. If you want to undo the changes, there is a reset button at the end of the row.
    • Thumbnail Shadow - adds a shadow beside the featured image.

  • Post Meta - is about displaying the desired items and changing their order, and it has four options:
    • 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 - allows the user to add the desired separator (a character that separates the author, date, and category). 

    • 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 the last updated date instead of the published one -  allows the user to provide the last update's date.

Read more about the Blog Page

For advanced styling options on the covers and grid layouts and more metadata elements, you can get Neve Pro from here.


 Colors & Background

Colors play an extremely significant role in website design. Using the new Global Colors option in Neve, you can easily create a beautifully unified color palette on your site.

  • Appearance > Customize > Colors & Background

In this menu are available settings regarding the Global Colors ( Base / Dark Mode) with the possibility to add a Custom Pallete and the Palette Colors, with the possibility to come back by clicking on Reset all to default (β†Ί).

These options  apply generally across the site unless more specific options are selected for some elements.

πŸ“  Note: If some of the options don't apply on a page, make sure that page is not created using Elementor or any other page builder. If that's the case, you'll need to customize the page using the page builder.

πŸ“  Note: For more information about Global Colors in Neve and some advice, check this documentation.



This section covers how fonts work in Neve, where to change them, the font family, font size, and other typography options.

  •  Appearance > Customize > Typography

The typography options are categorized as follows:

  • General - As the name suggests, the options found here are general. This means that it will apply to all site texts unless that text is a heading ( H1 - H6 ).
  • Headings - Options dedicated to headings.
  • Blog - Dedicated settings for the blog/archive page and the single post layout.

The typography options include text transform ( normal, camelcase, lowercase, uppercase ), font weight, font size, line height, letter spacing, and a Fallback Font with Font Family.

The  font family is a global setting available in the General panel.

πŸ“  Note: Get more control over the blog and shop page with new typography options that are available in Neve Pro (upgrade here).



To customize the appearance of the buttons you can see the Buttons panel inside Customizer. 

  •  Appearance > Customize >Buttons

The Buttons panel is formed of  three sections:

  • General - In this menu are available settings regarding padding (in PX), along with a reset and a link button ( Desktop | Tablet | Mobile ), and the Button text, which consists of typography options available for the buttons:
    • Transform ( Capitalize / Uppercase / Lowercase) 
    • Weight ( 100: 900 )
    • Font Size and Letter Spacing (in PX), and Line Height (in PX and EM), along with a reset ( Desktop | Tablet | Mobile ).

  • Primary and Secondary Button - with two types of styles for the buttons: Filled and Outline.
    • The filled buttons - have a background color and a text color, available also for the hover moments.
    • The outline buttons - have a background color, text color, and hover options, but the difference consists of the fact that the text color will also apply to the border. This way, you can create a button with a white background and blue-colored text and border, for example, creating the illusion of transparent background for the button.

Apart from colors, there are also border radius  controls ( with a link button so that the value will be applied to all ) and border width ( only for the outline style ).

For both types, primary and secondary buttons, it is also possible to add a shadow.

Some of the Primary buttons are: Add to cart, Update Cart and Proceed to Checkout, while Secondary buttons are View Cart, Post Comment, and Apply Coupon.

πŸ“ Note: The buttons can also be customized individually inside the editor, including changing the text or appearance. Check this doc for further details.

πŸ“ Note:  The Buttons options available in the Neve Customizer panel apply to the buttons with the following CSS classes, .button.button-primary, and .button.button-secondary


 Form Fields

There are options in the theme for styling forms, which can be added by using dedicated plugins, such as WPForms Lite, Contact Form 7, or page builders like Elementor

  •  Appearance > Customize >Form Fields

πŸ“ Note: Some of the plugins might have their own styling options that can override the theme settings. 

This panel includes settings for four areas:

  • Form Fields - includes options for padding (in PX or EM) with a link button, spacing with a link button, background color with the possibility to choose from Neve's global colors (🌐), border width, and radius (in PX or EM) with a link button and border color with the possibility to choose from Neve's global colors (🌐).

  • Input Text - includes options for text color with the possibility to choose from Neve's global colors (🌐), Transform ( none / capitalize / lowercase / uppercase ), Weight ( 100:900 ), as well as Font Size and Letter Spacing (in PX), and Line Height (in PX and EM), along with a reset ( Desktop | Tablet | Mobile ).

  • Form Labels - includes the same options as Form Fields, except for the padding options, and works in the same way.
  • Button - in this area, you can choose what style you want to approach for the button, whether Primary or Secondary, with the possibility to customize the default button styles.

πŸ“ Note: You can find more information about form fields by following this link.


Some of Neve's starter sites come with built-in one-page scroll navigation. In other words, by  clicking on an item in the menu navigation, you will navigate to a specific section from that current page. This is done by using the Menu Anchor widget from Elementor ( or similar widgets ) to add specific IDs to each section. To link to a section, you would need to link to that ID, like #about, for example.

πŸ“  Note: This approach works well for a single page. If you want to make sure the navigation will work the same way on other internal pages as well, make sure you use the full link of your site, on the menu, like, for example.

  •  Appearance > Customize > Menus

The options available here are spread into two areas:

  • Menus - Here, the primary and secondary menus will appear, with the possibility of creating a new one. Each of the panels (primary / secondary) contains settings like Menu Name and the pages attached with the possibility to reorder or to add new ones. Each page can be created anchors by clicking on the β¬‡οΈ button and completing the fields. From here, you can also set in which location will be displayed the menu.

  • Menu Locations - the user can select which menu should appear in a certain location, with a constrain: a menu can be displayed in only three locations.

There is also a button that gives the possibility to  delete a menu.

πŸ“ Note: Here is a useful doc about how to link menus to sections.



Widgets are blocks / sections sharing various information such as the latest posts, a calendar, a contact form, and so on, and those can be shared in the dedicated areas declared in the theme. 

An example of such areas is:

  • the blog sidebar
  • the shop sidebar
  • the footer section(usually above the copyright information)


 Additional CSS

The Additional CSS panel includes a set of mini-instructions, with a few links to documentation and a field where code snippets can be added.

  •  Appearance > Customize >Additional CSS

πŸ“ Note: If you need help with understanding CSS, here is a doc about how to code basic CSS.



The free version of Neve provides basic settings for the shop pages. These settings will be visible only if you use the Woocommerce plugin.

  •  Appearance > Customize >Woocommerce

This panel includes options for six areas:

  • Store Notice - if it's enabled, it will add a text above the header.
  • Product Catalog - contains settings for the products page (shop page display, number of products per row, number of products per page, category display).
    • for further information, check this doc.
  • Product Images - customizes the images by forcing a width or a thumbnail cropping.
  • Checkout - contains settings regarding the checkout page ( required fields, privacy policy, and terms and conditions page).
    • for further information, check this doc.
  • Single Product - the main point here is the presence of the exclusive product, for which the user can modify the title and select the category.
    • for further information, check this doc.

Advanced reviews, Multi-Announcement bars, a Comparison table, and other shop-related features are available with the  Neve Pro > WooCommerce Booster module that you can get on this page.

πŸ–‡Neve related integrations

Import Demo Content
Hooks & Child themes
Translate Neve
A dedicated Blocks Template Library
Compatibility AMP
Custom fonts
Migrate from Zele (Zerif) to Neve
Page Builders
Breadcrumbs integration
EDD integration

Import demo content

Themes provide the user everything he needs when it comes to customizing a website, and happily, in WordPress, free themes that come with Demo Content are plenty.

There are two ways to import demo content:

  • using Starter Sites
    • just click on the Try one of our ready-to-use Starter Sites button and you will be able to see all the Starter Sites available for import.

  • importing an XML file
    • also includes an export operation before.

Get access to all starter sites and the Templates Cloud Library to reuse your own templates on multiple websites by downloading Neve Pro on this page.

Migrate from Zelle ( Zerif ) to Neve

For switching from Zelle(Zerif) to Neve without losing your current frontpage, please follow the steps below:

Navigate to Dashboard > Appearance > Themes > Add New and install the Neve theme.


Navigate to Dashboard > Plugins > Add New and install the Cloud Templates & Patterns collection plugin.

Navigate to Dashboard > Appearance > Starter Sites and click on Migrate Zelle.

Page Builders

If you decide on using one of our Starter Sites, after import, you will need to make some small adjustments to your site's content to make it your own.  The process will be slightly different depending on the page builder you've chosen.

For this example, we'll go with the current default page builder,  Elementor.

To make any changes to the imported pages follow these steps:

Navigate to DashboardPlugins > Add New and install the Elementor (or any page builder) plugin.
Go on Pages / Posts, click on any of the pages / posts and press the Edit with Elementor blue button. 

πŸ“ Note: For further details on how to build a landing page using Elementor, check this doc.

A dedicated Blocks Template Library

Gutenberg Blocks and Template Library by Otter is one of the most popular plugins that bring in extra blocks for the new editor, and while used with Neve, it brings in a dedicated Template Library, including Neve's sections.

In order to access the library, follow these steps:

Navigate to DashboardPages and click on any of the pages.
Once the page is opened, click on the βž• button and start exploring the options. 

πŸ“  Note: For more details about Gutenberg Blocks, check this doc.

How to use the template library

Make sure you have installed the Gutenberg Blocks plugin.

Navigate to Dashboard > Pages and create a new one ( or edit an old one).
As you hover with the mouse, click on the βž• button to add a new element.
Type " Section" in the field and select the element.

At that point, you can either:

  • create a new custom section
  • Click on Template Library, where you will be able to see all the available templates. 
    • choose the one you want, and click on it to import it.

Get advanced blocks like Comparison table, pop-ups, and Comparing Reviews with Otter + Neve Pro, which is available on this page as the Block Editor Booster module.

Translate Neve

Translating Neve can be done by using any of the following plugins:

  • TranslatePress
    • a dedicated article on how to use this plugin with Neve is available on this page.
  • Polylang
    • a dedicated article on how to use this plugin with Neve is available on this page.

Hooks and child themes

Child themes help the user bring changes to the current theme without the risk of losing them in case of a theme update.

You can start by  downloading our starter child theme and work your way with it.

πŸ“ Note: You can check this doc about how to create a child theme for Neve.

In order to use Neve's custom hooks, follow these steps:

Download and install the Neve Hooks plugin.
Navigate to Appearance > Customize > Hooks.

There you will find all the custom hooks and an area where you can add your custom code for each hook.

By default, Neve supports  breadcrumbs on the Shop/Archive (WooCommerce) and Single Product pages. 

It also supports the most popular plugins used for breadcrumbs:

πŸ“ Note: Check out the following documentation for more details about the breadcrumbs in Neve.

Looking to use custom breadcrumbs on the shop pages? Apply the filter mentioned in the Replace the WooCommerce breadcrumbs chapter.

Custom fonts

Custom fonts are useful when the user wants a different font than the one available in the theme. 

There are two ways to accomplish this:

  • using the dedicated module available in the Orbit Fox plugin. 
    • check this doc to find out more information about the process.
  • creating a child theme.
    • check this doc to find out more information about how to create a child theme.

Compatibility with AMP 

Neve is an AMP-ready theme capable of lowering down your loading times for a more fluid experience. In order to use Neve at its full potential, you would need to:

Download and install the AMP for WordPress plugin, is capable of making full use of Neve's speed. 
Access the wizard and follow the configuration steps.

πŸ“  Note: Check this doc for more details about Neve's AMP support.

EDD integration

The EDD ( Easy Digital Downloads ) plugin is perfectly compatible with the Neve theme and can be used to create an eCommerce website for selling digital products.

Download and  install the EDD plugin.
Access the Downloads menu from the left column of WordPress and you will be automatically redirected to the Settings.
Configure the basic  settings of your website, such as General Settings. ( Store Location ), Currency Settings ( the type of currency that you accept ), Payment Gateways ( Stripe, Paypal, Amazon ), and many others, step by step.

After setting up your store, it's time to add products. This can be done from Downloads > Add New and fill in the information about your product.

πŸ“  Note: Check this doc for more details about setting up an EDD store.

πŸŽ₯ Video - Getting Started with the Neve Theme

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