Neve Documentation
Neve is a super-fast, easily customizable, accessibility-ready, and multi-purpose theme. Itβs perfect for blogs, small businesses, startups, agencies, firms, e-commerce shops, personal portfolio sites, and most types of projects. Neve allows you to create a network with multiple subdomains or subdirectories on your website. This might be helpful for education purposes (creating test instances), managing clients' sites, and building a personal business network.
π Note: Exciting news! We do offer a demo for Neve PRO, allowing you to explore its pro features before making a decision. Take your time to test it out and see if it fits your needs perfectly. Check the premium websites here.
Compatibilities
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.
Download and Install Neve |
Customizer Options |
Neve Options |
Neve Integrations |
Neve Accessibility |
|
π₯ Video - Getting Started with Neve |
|
π₯ Video - How to make a WordPress website for beginners? |
π© Download and Install Neve
- 1
- Navigate to Appearance > Themes.
- 2
- Click on Add New and search for Neve.
- 3
- Once it appears, click on Install and then Activate.
π Note: These instructions are just for Neve. To install the purchased Neve Pro, make sure you follow these instructions.
βοΈ Neve Options
Navigate to Neve > Neve Options > Neve Pro. This is the place to go for the documentation, Starter Sites, useful Plugins recommendations, the Help page, Changelog, and even the transition to PRO.
- Welcome - contains a quick tour of the Neve theme, with useful links to get started.
- Starter Sites - demo content that allows you to create the perfect website with just a few clicks - doc.
- Free vs Pro - displays a table with the features available in the free and pro versions - doc.
- Plugins - compatible and recommended plugins that, along with Neve, will elevate your website.
- Help - contains useful links to the support team, forums, community, and documentation.
- Changelog - displays a list of the changes that appeared with each new version.
π Neve Accessibility
Neve is an accessibility-ready theme that meets WordPress accessibility guidelines:
- responsive design - the theme has responsive controls (desktop | tablet | mobile) to adjust for each type of screen easily.
- high contrast - the high-contrast color scheme allows the users to read the content effortlessly.
- accessible typography - the variety of typography options enhances easy reading and accessibility for the users.
- accessible menus - the menus are designed to suit users' needs, with the possibility to scroll to the corresponding sections of the page and build mega menus.
- alt text for images - the theme allows alt text for the images, which provides information to the users and search engines.
π 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 Neve > Customize, where you will find options for:
Layout |
Header |
Footer |
WooCommerce |
Colors & Background |
Form Fields |
Menus |
Widgets |
Buttons |
Typography |
Additional CSS |
Layout
Neve offers multiple customization options for the layout, which are divided into multiple panels:
- Container - adjust the responsive container width (in PX) and content vertical spacing (in PX and VH) to customize the content's top and bottom margins; also configure the container style of Blog/Archive, Single Post, Shop/Archive, and Single Product, with Contained/Full Width options.
- Content/Sidebar - display the sidebar ( full width/left/right ), and adjust the content width. The Advanced Options toggle allows you to control the sidebar appearance on particular areas of your website.
Apart from these two panels, specific customizations can be found under each section of the website:
- Blog/Archive
- Single Post
- Page
- Homepage Settings - here, you can select what the homepage should display (a static page of your choice or your latest posts) and also select the posts page.
π 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.
π Note: Use the covers header layout, author box, and infinite scroll post navigation on the single post layout with Neve Pro, which you can get on this page.
Header
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.
π Note: Learn more about the Mobile Sidebar from this doc.
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.
π Note: For more details about Neve Header Builder, check this doc.
π Note: Explore more options like sticky and conditional headers, breadcrumbs, dividers, 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.
Footer
Neve includes a flexible builder for the footer section of your website, which allows you to design the layout you want with minimal effort easily.
Similar to the header builder, 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.
π Note: For more information about Neve Footer Builder, check this doc.
π Note: 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.
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.
These options generally apply 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, check this doc.
Typography
This section covers how fonts work in Neve, where to change them, the font family, font size, and other typography options:
- General - the options will apply to all site texts unless that text is a heading (H1 - H6).
- Headings - options dedicated to headings.
- Blog - specific configurations for the blog/archive page and the single posts.
The typography options include text transform, font weight, font size, line height, letter spacing, and a Fallback Font with Font Family.
π Note: Get more control over the blog and shop page with Neve Typography options.
Buttons
To customize the global appearance of the buttons, use the Buttons panel inside Customizer:
- General - settings for the responsive padding and for the button text, which consists of typography options available for the buttons.
- Primary and Secondary Button - with two styles for the buttons: Filled and Outline. Apart from colors, there are also border controls.
Some 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.
π Note: Some of the plugins might have their own styling options that can override the theme settings.
π Note: Learn more about form fields by following this link.
Menus
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 https://demo.themeisle.com/hestia-pro/#about, for example.
The options available here are spread into two areas:
- Menus - the primary and secondary menus will appear, with the possibility of creating a new one. Each of the panels (primary/secondary) contain the pages attached with the possibility of reordering or adding new ones.
- Menu Locations - the user can select which menu should appear in a certain location, with a constraint: 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 that explains how to build a mega menu in Neve.
Widgets
Widgets are blocks/sections sharing various information, such as the latest posts, a calendar, and a contact form, and those can be shared in the dedicated areas declared in the theme.
Woocommerce
The free version of Neve provides useful settings for the shop pages. These settings will be visible only if you use the Woocommerce plugin.
π Note: Learn more about Neve Shop from this doc.
π Note: 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.
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.
π Note: If you need help with understanding CSS, here is a doc about how to code basic CSS.
π Neve Integrations
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.
π Note: For further details on how to build a landing page using Elementor, check this doc.
Neve FSE
Neve is fully compatible with the FSE environment so that you can build your website from scratch with a full-site editing theme.
π Note: Learn more about Neve FSE from this doc.
Templates Cloud Library
The Templates Cloud is a personalized library associated with your license key. Pages or posts created with Gutenberg, Elementor, or Beaver Builder can be saved to this library for later use. To find them on another website, make sure you use the same license key.
π Note: Learn more about Templates Cloud Library from this doc.
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.
- WPML - a dedicated article on how to use this plugin with Neve is available on this page.
Child Theme
Child themes help the user bring changes to the current theme without the risk of losing them in case of a theme update.
π Note: You can check this doc about how to create a child theme for Neve.
Breadcrumbs Integration
By default, Neve supports breadcrumbs on the Shop/Archive (WooCommerce) and Single Product pages. It also supports the most popular plugins used for breadcrumbs: Yoast SEO, Rank Math SEO, Breadcrumb NavXT, SEOPress.
π Note: Check out the following documentation for more details about the breadcrumbs in Neve.
π Note: 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 ones available in the theme. There are two ways to accomplish this:
Compatibility with AMP
Neve is an AMP-ready theme capable of lowering your loading times for a more fluid experience.
π 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.
π Note: Check this doc for more details about setting up an EDD store.