Hello! Thank you for purchasing our theme. This manual will step by step guide you into getting a copy of our demonstration web-site (https://demo.artureanec.com/themes/neuros) hosted on our own server as well as answer some of the most frequently asked questions by our users.
To use Neuros, make sure your hosting provider is running the following software:
All the issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web hosting provider and ask them to increase those limits to the following minimums:
memory_limit = 512M
post_max_size = 512M
upload_max_filesize = 500M
max_input_time = 1000
max_execution_time = 1000
Please bear in mind that in order to set limits or change your PHP version you or your hosting provider must have access to server settings and php.ini file.
Let’s begin by making sure that you have a recent version of WordPress. If you don’t, you can find an installation guide at the following address: https://wordpress.org/support/article/how-to-install-wordpress/
First download a zip-archive containing the theme from ThemeForest. Inside the archive you will find another archive, called neuros.zip Extract this archive into a convenient location, then proceed to installing the theme. You can achieve this in two ways:
Installation with built-in WordPress tools.
This is the easiest way. You need to go to Appearance > Themes
Click on the Add New button
Click on the Upload Theme button
In the window that appears after this choose the neuros.zip archive from the location you unpacked it to and click the Install
Now button.
Uploading via an FTP-client or through a file manager built into the hosting.
First of all you need to unpack the contents of the neuros.zip archive. Then by means of an FTP-client (like FileZilla or similar to it) or using the file
manager of the hosting you should copy the extracted folder, called neuros, to the ../wp-content/themes/ folder which you can find in the
WordPress root folder.
After doing this you can go to Appearance > Themes in the WordPress admin dashboard and pick Neuros theme from a list of available themes. Then
just click the Activate button.
The theme is installed!
Next you can begin installing plugins. You will need them for the theme to work properly. After you finished installing the theme you should see a following message:
Click the Begin activating plugins link.
Chose all of the suggested plugins, then choose the Install option in Bulk Actions field and click Apply button.
Wait for the plugins installation process to finish, this may take several minutes.
All that’s left to do is to load the demo-data. Bear in mind that during the demo-data installation all of your posts, pages and products are deleted and some of the settings of WordpRess and WooCommerce are changed. We recommend installing the demo-data on top of a clean WordPress setup to ensure that you will not lose any of your important data.
Then go to Appearance > Import Demo Data menu and click the Import Demo Data button.
That’s it! In order to see the results you should move your mouse pointer towards your web-site name in the top left corner of the screen and click the Visit Site button in the menu that will appear.
Our theme has flexible settings. This chapter of the manual will explain each one of them.
All of the settings can be divided into the following categories:
In our demo data, the header and footer of the home pages are individually configured to show the capabilities of the theme. Also, the background of the Page Title block is often individually set. All of this is done via Metabox settings. To make the page obey the general settings again, you need to leave the fields empty in the metaboxes and select the 'Default' value in the drop-down lists.
You can change Header Logo for all pages using Customizer settings. You can do this in Appearance > Customize -> Header Settings > Logo. You can read more about it here: Header Settings
Some of our home pages on demo site have logos that are different from those set in Customizer. You can change it via Metabox Header settings in at the bottom of any post or page editing screen. If you need to use default logo from Customizer just set Customize to Default in Logo section of Header settings.
When using Elementor Header & Footer Builder plugin Header and footer logo is just a Elementor widget that you can customize in Elementor editor.
Go to Dashboard menu: UAE > Header & Footer Builder section, choose header or footer, for which you need to edit it`s logo. Then click Edit with Elementor and in Elementor editor choose logo image you need to edit.
For a header we use Site Logo widget that is a part of ‘Elementor Header & Footer Builder’ plugin functionality. You need to change Add Image setting.
For a footer we use default Image widget. You just need to change Choose Image setting.
Our theme gives you an ability to customize the footer and the header of your website flexibly for each of its pages separately.
Let’s take a look at several different cases.
Case one is when you don’t have the ‘Elementor Header & Footer Builder’ plug-in active. Then you can change Header and Footer colors as well as Typography, layout and their elements for all pages using Customizer settings. You can do this in Appearance > Customize -> Header Settings and Appearance > Customize -> Footer Settings. You can read more about it here: Header Settings and here: Footer Settings
Some of our home pages on demo site have different Header and Footer appearance, different visible elements and widgets from those set in Customizer. You can change them via Metabox Header and Footer settings in at the bottom of any post or page editing screen. If you need to use default settings from Customizer just leave settings fields empty or select the 'Default' value in the drop-down lists.
All Header elements like Logos, Icons, Buttons etc. are part of Header template and can be changed only via Customizer or Metabox settings. Only Header Menu can be changed in Appearance > Menus page or in Appearance > Customize -> Menus section. Footer elements like widgets on the other hand can be edited in Appearance > Widgets page or Appearance > Customize -> Widgets section.
Each page or post can display it`s own Header and Footer menus different from those set in Customizer. You can change them in corresponding Select Menu setting in Header Menu or Footer Menu section of Metabox settings.
Footer widgets can be changed in Appearance > Widgets page or Appearance > Customize -> Widgets section. You can choose what Sidebar with widgets to display for all pages in Appearance > Customize -> Footer Settings > Footer Sidebar in Select Sidebar setting.
Additionally, you can change Sidebar for individual page or post in corresponding setting in Metabox settings.
The second case is when you have the ‘Elementor Header & Footer Builder’ installed and active. In this case all of the header and footer settings are disabled and hidden both in the Customizer and at the pages’ settings. Now you can create as many different headers and footers in the Elementor editor as you want and then choose which ones you want to be displayed and where you want them to be displayed.
In order to do this you should go to the Dashboard menu: UAE > Header & Footer Builder and press the ‘Add New’ button.
Then you should give the new footer or header its name, set its type and select the pages you want it to be displayed at. Save your settings.
Then you can press the ‘Edit with Elementor’ button and create the header or footer of your liking in the Elementor editor.
Sidebar visibility and position can be changed in Appearance > Customize -> Sidebars. See more about it here: Sidebar Settings
Sidebar content can be edited in Appearance > Widgets page or Appearance > Customize -> Widgets section. Each post type has it`s own default sidebar: for pages it is Page Sidebar, for posts - Post Sidebar, for careers - Career Sidebar, for services - Service Sidebar, for case studies - Case Study Sidebar. There is also separate sidebar for archive pages - Archive Sidebar, for Woocommerce pages - Woocommerce Sidebar, for FAQ page - FAQ Sidebar, for Side Panel - Side Panel Sidebar, for Alternative Header Menu - Menu Sidebar and 5 Sidebars for Footer widgets on different home pages.
If the ‘Elementor Header & Footer Builder’ plug-in is not active you can change the Page Title background in the settings. For example if you want all pages to have the same default background you can set it in the Dashboard menu: Appearance > Customize -> Page Title Settings > General. Set the ‘Customize’ setting to the ‘Yes’ value. The color and font settings would be displayed then. Here you can also make the background image to be hidden and replaced with a solid color filling the whole page instead when viewed from tablets and mobile phones.
You can also set a separate Page Title background for each page. In order to do this you should go to the Page Title Settings > General section, set the ‘Customize’ setting to ‘Yes’ value and select the background in the settings that would be displayed.
If the ‘Elementor Header & Footer Builder’ plug-in is installed and active you would have to do this differently. Select a header you need from a list of pre-made headers (Dashboard menu: UAE > Header & Footer Builder) and change its background in the Elementor editor then assign it to a page you need:
Custom post type slugs can be changed only in code. We recommend to activate Neuros child theme and add next PHP code to it`s functions.php file:
add_filter( 'register_post_type_args', 'neuros_change_post_types_slug_neuros_case_study', 10, 2 );
function neuros_change_post_types_slug_neuros_case_study( $args, $post_type ) {
if ( 'neuros_case_study' === $post_type ) {
$args['rewrite']['slug'] = 'Your Slug';
}
return $args;
}
This code works for Case Studies post type. You`ll just need to replace 'Your Slug' with the slug you need. 'neuros_case_study' is specific name for Case Studies post type. There 5 custom post types in total in our theme: Services, Case Studies, Projects, Team Members and Careers.
Each of this post types has it`s own name: Services - 'neuros_service', Case Studies - 'neuros_case_study', Projects - 'neuros_project', Team Members - 'neuros_team_member', Careers - 'neuros_vacancy'.
If you need to change slug for one of these post types, replace in previous code 'neuros_case_study' part in function name and filter call with the name of post types mentioned earlier. You need to replace also 'neuros_case_study' string in the if statement with the same name. For example for Services this code will look like this:
add_filter( 'register_post_type_args', 'neuros_change_post_types_slug_neuros_service', 10, 2 );
function neuros_change_post_types_slug_neuros_service( $args, $post_type ) {
if ( 'neuros_service' === $post_type ) {
$args['rewrite']['slug'] = 'Your Slug';
}
return $args;
}
After you made this changes, be sure to re-save your permalinks, otherwise the server will return a 404 error on single pages of these post types: Go to Settings > Permalinks and click Save changes.
Content Slider settings consists of 2 main tabs: Content and Style.
Content section is used for adding slides to slider and styling the majority of slider`s content. Here you can set Slider`s height and customize Video preview button. In Slider Settings section you can add slides and switch visibility of Navigation buttons and dots as well as other slider specific settings as Autoplay or Animation speed.
In Style tab you can customize Video preview button appearance in Video Preview Settings and appearance of Navigation buttons and dots in Slider Navigation Settings.
In Slider Settings you can edit each slide in Slides list. To edit certain slide click on it, then slide`s settings will show up.
For each slide you can customize it`s layout, alignment, text and bottom sections indents. Main part of the slide is text section which can contain Heading, Text, Button, Video Popup Button and Counter elements. Each of these elements has it`s own tab in slide`s tabs where you can customize their content, colors, typography, indents, etc. You can also add Bottom section which can contain image.
Each slide as well text column and bottom section can have own background which you can change in BG tab.
Services Listing widget is designed to work with posts of custom post type - services. This widget can display either SVG icons or font icons. This display mode can be changed in Icon Type setting of Services Listing section.
Icons for each service can be changed in Edit Service page in Services submenu of Dashboard menu.
Here you can set both Font Icon and SVG Icon as well as colors for them. Font Icons can be selected from the icons preset via Iconpicker. SVG Icons can be edited via SVG code pasted in respective SVG Icon Code field.
There are two ways to do it. First way is when you have the ‘Elementor Header & Footer Builder’ plug-in inactive. Then you can activate the Sticky Header in the Customizer settings or in the settings of each of the pages. In order to do it you should go to the Header Settings > Sticky Header and set the Show Sticky Header setting to ‘Yes’ value.
If the ‘Elementor Header & Footer Builder’ plug-in is installed and active our theme allows you to make any section or container within a page sticky. You should use this feature with caution and never use it for multiple sections at the same time. This wouldn’t look good as the sections would overlap with each other. Also we advise you not to use the ‘Sticky (Neuros theme)’ property of our theme together with the ‘Sticky’ property contained within the Elementor Pro at the same time. To do this, go to the settings of the section or container, then switch to the Advanced tab, and find the ‘Motion Effects’ section. The ‘Sticky (Neuros theme)’ property is found at the very bottom.
The theme adds additional settings for sticky containers. The ‘Style’ tab of the container has sections ‘Sticky Background’, ‘Sticky Border’ and ‘Sticky Colors’. The settings in them work only if the block is sticky or is inside a sticky block.
You can change Page Title heading for single page for every default and custom post type.
Customizer has setting called Single Page Title for posts - Single Post Page Title, projects - Project Single Page Title, case studies - Case Study Single Page Title, team members - Team Member Single Page Title, careers - Career Single Page Title and services - Service Single Page Title. More about these settings you can read here: Single Post, Projects, Team Members, Careers, Services.
You can use custom string or ‘%s’ symbol in the text to show initial post title instead.
There are several ways to update a theme.
The easiest way is to install the Envato Market plugin.
The second way is to simply download the new version of the theme from the Envato website and install it as a new theme. WordPress will automatically detect that such a theme is already installed and offer to update the files.
The third way to update a theme is to delete the folder with the theme on the server. Then download the new version of the theme from the Envato website and upload it to the server instead of the old theme using an FTP client (for example, FileZilla).
If after updating the theme a message appears about the need to update the theme plugin, do it immediately. For security reasons, many theme functions are moved to a separate plugin and without updating it the theme will not be able to work fully.
Also, after updating the theme, do not forget to clear the server cache and CDN, if you use them.
In order to open Customizer Settings you should go to Appearance > Customize
You can set the Site Title, Tagline and Site Icon inside this section.
Site Title — is your web-site name. It appears in browser tabs as well as in place of the site icon if you did not set a picture for it.
Tagline — is a short slogan which helps users understand what your web-site is about. It is displayed inside a browser tab. Our theme design does not make use of a tagline.
Site Icon — is a great way to distinguish your web-site among other browser tabs. This is usually one of the variations of your website logo.
Menus section has the same functions you can find in Appearance > Menus. You can create, edit, delete a menu here as well as choose its position on your web-site screen.
Widgets section has almost the same functions as the ones you can find in Appearance > Widgets. Here you can add, customize and delete widgets inside the sections displayed at a current page. You can navigate to the other pages on your web-site while using the Customizer to view and edit the widgets displayed on those pages.
Homepage Settings has partially the same functions as the ones you can find in Settings > Reading. You can choose what is displayed on your web-site homepage. It can be posts in reverse chronological order (classig blog), of a fixed/static page. In order to set a static homepage, you first need to create two Pages. One of them will be the homepage and the other one will contain all of your posts and display them.
This section allows you to customize page header section background color, border radius and page`s body line appearance.
Page Top Background Color — this allows you to set page`s header section background color
Page Top Border Radius — this allows you to enable or disable page`s header section border radius
Show page background lines — this allows you to show or hide page`s body lines
Lines Color — this allows you to set page`s body lines color
This section is only visible if the ‘Elementor Header & Footer Builder’ plugin is not active.
This section allows you to set up the data displayed at the upper part of the header — in a thin line of contrast colors called Top Bar.
Show Top Bar — this allows you to show or hide the Top Bar
Customize — if you set this to “Yes” you can see all of the settings for the SideBar color scheme. You can read about color schemes in detail at the “Color Settings” section.
Show Social Buttons — this allows you to show or hide the social networks buttons.
Show Additional Text — this allows you to show or hide the Additional Text.
Additional Text — this allows you to input the text to be shown.
In this section you can set up the contact details displayed in the Top Bar.
Mobile Menu Contacts Title — this allows you to set mobile menu`s contacts title.
Show Phone Number — this allows you to show or hide a phone number.
Phone Title — this allows you to set the phone number`s title to be displayed.
Phone Number — this allows you to set the phone number to be displayed.
Show Email Address — this allows you to show or hide an e-mail address.
Email Title — this allows you to set the email address`s title to be displayed.
Email Address — this allows you to set the email address to be displayed.
Show Address — this allows you to show or hide a business address.
Address Title — this allows you to set the address`s title to be displayed.
Address — this allows you to set the business address to be displayed.
Only 'General' section with color settings of this section is visible if the ‘Elementor Header & Footer Builder’ plugin is active.
This section will help you customize the upper part of the website (Header) appearance.
Show Header — this allows you to show or hide the Header, this setting works site-wide.
Header Style — here you can select one of the previously installed header styles.
Header Position — here you can select header’s position in relation to the content of the page: inline or on top of the contents (for example on top of an image or slider).
Customize — if you set this to “Yes” you can see all of the settings for the Header color scheme. You can read about color schemes in detail at the “Color Settings” section.
This section allows you to set up displaying a phone number and its short annotation for header style of type 2.
Show header callback block — show or hide the phone number block.
Header callback title — phone number annotation.
Header callback text — this field is used to input the phone number for communication.
Show Sticky Header — this allows you to show or hide the “sticky” header.
This section contains mobile menu settings.
Mobile Header Breakpoint, in px — this allows you to set a screen width that determines when the mobile menu would switch to the desktop menu.
Mobile Header Menu Trigger Style — this allows you to set submenu trigger`s display style in mobile menu - fullwidth or inline.
Show Logo — this allows you to show or hide your logo in the Header (yes, sometimes people want it to be hidden).
Customize — this allows you to setup the logo or leave the default settings (site title as a text).
Logo Image — here you can choose an image for your web-site logo. If you activate the Logo Retina checkbox the logo image will be downscaled by half in order to look better on screens with high pixel density. If you delete the image, then the title of your web-site will be shown instead.
Show Header Button — here you can enable/disable an additional button display in the web-site header. For example you can have a ‘Buy now’ or ‘Make a donation’ or ‘Show items on sale now!’ button or the like. If the button is enabled you can choose its text (Header Button Text) and URL address (Header Button Link).
Here you can find all of the web-site main menu display settings.
Show Header Menu — this allows you to show or hide the web-site main menu.
Select Menu — this allows you to replace the main menu with any of the menus created in WordPress.
Customize — this gives you access to main menu fonts settings:
Menu Font — this allows you to set the main menu font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)
Sub Menu Font — this allows you to set the sub-menu font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)
Show side panel trigger — this allows you to show or hide an additional drop-down panel with widgets.
Show header search — this allows you to show or hide site-wide search button.
Show product cart — this allows you to show or hide the product cart button. This option is only available if you have Woocommerce plug-in installed.
Only 'General' section with color settings of this section is visible if the ‘Elementor Header & Footer Builder’ plugin is active. It will help you customize the page title block.
Show Page Title — this allows you to show or hide page title block.
Show Overlay — this allows you to turn the overlay on or off and set its color and transparency.
Customize — this gives you access to Page Title advanced settings.
Page title height, in px — this allows you to set page title height value for desktop environment.
Following this section are settings for the Page Title block color scheme. You can read about color schemes in detail at the Color Settings section.
Image, Background Position, Background Repeat, Background Size — background image settings.
Hide Background Image on Mobile Devices — this allows you to hide the background image on devices with screen width of less than 768px, showing only background color.
Hide Background Image on Tablet Devices — this allows you to hide the background image for devices with screen width from 768 up to 992px, only background colour will be displayed.
Customize — this gives you access to page heading font settings.
Add Image Icon before Title — this allows you to show ore hide page title image icon.
Icon Image — this allows you set image before title.
Icon Image Retina — checkbox the image will be downscaled by half in order to look better on screens with high pixel density.
Heading Font — this allows you to set the page heading font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)
Show page title breadcrumbs — this allows you to show or hide page title breadcrumbs.
Customize — this allows you to customize the breadcrumbs.
Breadcrumbs Font — this allows you to set the breadcrumbs font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)
This section contains Page Title block additional text settings.
Additional Text — this allows you to set the text to be displayed.
Customize - allows access to color settings.
Additional Text Color — this allows you to set the additional text font color independently from the chosen color scheme.
Additional Text Font — this allows you to set the additional text font (Font Family, Text Transform, Font Size, Font Weight, Letter Spacing, etc.)
Additional Text Offset Bottom, in % — this allows you to set the additional text offset from the bottom of the page title in percentage.
This section contains all of the typography settings for the web-site content main elements.
This section contains settings for the pages and posts main text.
Main Font — this allows you to set the web-page main font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)
This section contains settings for an additional fond used for contrast with the main font in some of the elements like form inputs.
Additional Font — this allows you to set up the additional font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)
This section contains the default settings for text headings.
Headings Font — this section contains main settings for all of the headings (Font Family, Text Transform, Font Style, etc.).
H1 Font - H6 Font — this section contains individual settings for each of the heading levels (Font Size, Line Height, Letter Spacing, Font Weight, etc.)
This section contains the default settings for web-site buttons.
Buttons Font — this allows you to set buttons’ font (Font Family, Text Transform, Font Size, Font Weight, Line Height, etc.)
This section contains settings for the social networks buttons all across the web-site — footer, header, etc.
Open Socials in New Tab — if this is selected, the resulting page after clicking the social network icon will be opened in a separate browser tab.
Social Buttons — this allows you to show or hide social networks buttons:
- Icon — this field allows you to set the button icon (Font Awesome Brands library)
- Title — this field allows you to input the social network title
- Link — this field allows you to input the social network account url
This section allows you to customize colors of all of the web-site elements, not including Elementor widgets which can be customize separately.
The color system has been reworked completely. Now you can change the color scheme for the whole web-site or a single page with just a couple of mouse clicks!
The colors are separated into 2 categories:
Standard Colors determines colors for almost all of the web-site blocks (usually it’s light background and dark text, for example of the header main text);
Contrast Colors determines contrast areas colors (usually dark background and light text, for example in Top Bar and Footer).
Each category contains 10 color settings (Standard Colors contains additional Contrast Text Color) which set all of the colors used on the web-site.
Default Text Color — this allows you to set the main text color for the whole web-site (except contrast areas).
Dark Text Color — this allows you to set a darker text color in relation to the main one, it is often used to highlight a portion of text, headers as usual.
Light Text Color — this allows you to set a brighter text color in relation to the main one, it is commonly used to highlight additional information, for example posts meta data.
Accent Text Color — this allows you to set the main contrast color, which determines style for the whole page. Usually by changing only this color setting you can change the whole web-site feeling. It is used for links, icons, contrast blocks backgrounds etc.
Input Dark Color — this allows you to set the form inputs background color. It is used for checkboxes and radio buttons.
Border Color — this allows you to set a color for borders and dividers. For example fields’ borders of forms and dividers between separate blocks.
Border Hover Color — it is usually darker than Border Color. It is used for example as a color for active fields’ borders.
Background Color — this allows you to set the main background color for all pages, it is usually bright.
Alternative Background Color — this allows you to set an alternative background color used when you need to highlight one of the blocks, but not as strongly as contrast blocks (for example quote blocks or Call-to-Action blocks).
Button Text Color, Button Border Color, Button Border Color Additional, Button Background Color, Button Background Color Additional, Button Text Hover, Button Border Hover, Button Border Hover Additional, Button Background Hover, Button Background Hover Additional — this allows you to set colors for buttons used on the web-site. Additional Button Border and Background colors are mainly used for buttons border and background gradients. By popular demand we made it possible to set the colors for buttons independently from the chosen color scheme.
Contrast Text Color — this allows you to set an contrast color for elements with dark backdround like some links or buttons. It is available only for Standard Colors.
Button Border Style — this allows you to set solid or gradient border style for buttons and pagination links.
Button Background Style — this allows you to set solid or gradient background style for buttons and pagination links.
This section is only visible if the ‘Elementor Header & Footer Builder’ plugin is not active.
This section will help you customize the lower part of the web-site (Footer) display.
Show Footer — this setting allows you to select whether you want to have the lower part displayed or not.
Footer Style — this setting allows you to select the footer appearance from a list.
Footer Border Radius — this setting allows you to change footer border radius style.
Customize — this gives you access to advanced settings. Color settings allow you to change or edit the footer color scheme.
Bottom Image — this setting allows you to select a background image for the footer.
Footer Background Position, Footer Background Repeat, Footer Background Size — these are the settings for the footer background image.
This section contains settings for footer widgets display.
Show Footer Widgets — this allows you to show or hide widget area in the footer.
Select Sidebar — this allows you to select what widgets you want to be displayed. You can view and customize the sidebars by going to Appearance > Widgets.
Show Copyright — this allows you to show or hide copyright line.
Copyright Text — this is a line of text aimed at informing the web-site users about copyright holders of all of the web-site media content.
Show Footer Menu — this allows you to show or hide the footer menu.
Select Menu — this allows you to choose a menu to be displayed in footer from a list of the previously created ones in WordPress.
Show Additional Footer Menu — this allows you to show or hide a small additional menu in the footer.
Select Menu — this allows you to choose an additional menu to be displayed in footer from a list of the previously created menus in WordPress.
This section allows you to determine whether the main widget sidebar will be displayed or not, as well as select the side you want to have the widget sidebar displayed at for each of the page types.
Page Sidebar Position — this setting allows you to set the sidebar position on standard pages.
Archive Sidebar Position — this allows you to set the sidebar position on archive pages.
Single Post Sidebar Position — this allows you to set the sidebar position on single post pages.
Career Sidebar Position — this allows you to set the sidebar position on single career pages.
Service Sidebar Position — this allows you to set the sidebar position on single service pages.
Catalog Sidebar Position — this allows you to set the sidebar position on shop catalog page.
This section allows you to set side panel logo image, it`s decoration background image and define whether to show social buttons in Side Panel.
Show Logo — this allows you to show or hide your logo in Side Panel.
Logo Image — here you can choose an image for your Side Panel logo. If you activate the Logo Retina checkbox the logo image will be downscaled by half in order to look better on screens with high pixel density.
Show Side Panel Background Image — this allows you to show or hide your Side Panel decoration background image.
Side Panel Background Image — here you can choose an image for your Side Panel decoration.
Show Social Buttons — this allows you to show or hide the social networks buttons in Side Panel.
This section contains settings for the store, it is available only if you have the WooCommerce plugin installed.
Store Notice — If enabled, this text will be shown site-wide. You can use it to show events or promotions to the visitors!
Shop page display — Choose what to display on the main shop page.
Category display — Choose what to display on product category pages.
Default product sorting — Choose how the products should be sorted in the catalog by default.
Products per row — Choose how many products should be shown per row.
Rows per page — Choose how many rows of products should be shown per page.
Main image width — Image size used for the main image on single product pages. These images will remain uncropped.
Thumbnail width — Image size used for products in the catalog.
Thumbnail cropping — this allows you to set up thumbnail cropping or disable it altogether.
These options let you change the appearance of the WooCommerce checkout.
Company name field, Address line 2 field, Phone field — hide corresponding fields, make them required or optional.
Highlight required fields with an asterisk — if this is selected, then the required fields will be marked with a star sign (*).
Privacy policy page, Terms and conditions page — choose the corresponding pages from the list of existing web-site pages.
Privacy policy — optionally add some text about your store privacy policy to show during checkout. (This section appears only if the Privacy policy page is chosen)
Terms and conditions — optionally add some text for the terms checkbox that customers must accept. (This section appears only if the Terms and conditions page is chosen)
This contains some of the product pages settings.
Show Related Products - allows you to hide the Related Products area on the product page.
Related Products Section Title — this allows you to input text used as a title for the Related Products section if it is set-up.
Single Product Page Title — this allows you to input text used for the product page title. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the product name.
Show Product name above the Price — By default the product name is displayed in the page title. You can customize the page in such a way that the page title would display a different name, for example a Single Product name. If you do so, in order to have a product name on the page you can select the Show Product Name Above the Price checkbox. The product name then would be displayed to the left of the product image above the product price.
Up-sells Section Title — this allows you to input text used as a title for the Up-sells section if it is set-up.
This contains some of the settings for archive products pages.
Product Category Page Title — this allows you to set a title for the product category archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the category title.
Product Tag Page Title — this allows you to set a title for the product tag archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the tag name.
Add your own CSS code here to customize the appearance and layout of your site. Learn more about CSS
This section contains the settings which allow you to display or hide different portions of the single posts.
Single Post Page Title — this allows you to set a title for blog internal pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.
Show Media Image, Show Post Categories, Show Post Date, Show Post Author, Show Number of Post Comments, Show Post Title, Show Post Tags, Show Post Social Buttons — these settings allow you to choose which data would be displayed at the post page correspondingly.
Show Recent Posts — this allows you to display or hide recent posts.
Customize — this gives you access to recommended posts settings:
Recent Posts Section Title — this allows you to set a title for the recommended posts section.
Number of Posts — this allows you to set number of displayed recent posts.
Order By — this allows you to select recent posts sorting: randomly, by date or by user name.
Sort Order — this allows you to set recent posts sort order: in ascending or descending order.
Recent Posts Featured Image — this allows you to show or hide the Featured Image section in recent posts.
Recent Posts Categories — this allows you to show or hide categories in recent posts.
Recent Posts Title — this allows you to show or hide a title in recent posts.
Recent Posts Date — this allows you to show or hide date of publication in recent posts.
Recent Posts Author — this allows you to show or hide author name in recent posts.
Recent Posts Excerpt — this allows you to show or hide excerpts in recent posts.
Recent Posts Excerpt Length — this allows you to set the length of an excerpt measured in symbols.
Recent Posts Tags — this allows you to show or hide tags in recent posts.
Recent Posts 'Read More' Button — this allows you to show or hide ‘Read More’ button in recent posts.
This section contains galleries settings for custom Projects type posts.
Project Archive Page Title — this allows you to set a title for the Projects archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.
Project Archive Columns Number — this allows you to set a number of columns at the standard Projects archive page (available at your-site-url/projects/ address)
Project Posts Per Page — this allows you to set a number of posts to be displayed at the standard Projects archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.
Project Single Page Title — this allows you to set a title for the separate project pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.
Show Project Title — this allows you to show or hide Project name on Project single page.
Project Navigation Max Words Count — this allows you to set the length of project`s name in words in single project navigation area.
This section contains settings for custom Team Member type posts.
Team Members Archive Page Title — this allows you to set a title for the team members archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.
Team Members Archive Columns Number — this allows you to set a number of columns at the standard Team Members archive page (available at your-site-url/team/ address).
Team Members Posts Per Page — this allows you to set a number of posts to be displayed at the standard Team Members archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.
Team Members Single Page Title — this allows you to set a title for the separate team member pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.
This section contains settings for custom Careers type posts.
Careers Archive Page Title — this allows you to set a title for the career archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.
Career Excerpt Length — this allows you to set a number of symbols to be displayed in the post description at the standard Careers archive page (available at your-site-url/careers/ address)
Career Posts Per Page — this allows you to set a number of posts to be displayed at the standard Careers archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.
Career Single Page Title — this allows you to set a title for the separate career pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.
Show Recent Careers — this allows you to show or hide recent careers at the bottom part of the page.
Customize — this allows you to customize the Recent Careers section.
Recent Careers Section Title — this allows you to change the Recent Careers section title.
Number of Posts — this allows you to set a number of recent careers to be displayed at the Recent Careers section.
Order by — this allows you to change sorting criteria in the Recent Careers section. You can sort the vacancies by name, date or display them in a random order.
Sort order — this allows you to set posts sorting: ascending or descending.
This section contains settings for custom Services type posts.
Services Archive Page Title — this allows you to set a title for the services archive pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the archive name.
Services Excerpt Length — this allows you to set a number of symbols to be displayed in the post description at the standard Services archive page (available at your-site-url/services/ address).
Service Archive Columns Number — this allows you to set a number of columns at the standard Services archive page (available at your-site-url/services/ address).
Service Posts Per Page — this allows you to set a number of posts to be displayed at the standard Services archive page. Posts outside of this number would be displayed at the next page, thus enabling pagination.
Service Single Page Title — this allows you to set a title for the separate service pages. You can use the ‘%s’ symbol in the text, which will be automatically substituted with the post title.
Show Service Title — this allows you to show or hide Service name on Service single page.
These settings will help you to customize the 404 error page (displayed if a requested page is not found).
404 Error Title — this allows you to set a title for 404 error page, it will be displayed in large font.
404 Error Info Text — this allows you to input a short text to be displayed under the title.
Show Logo Image — this allows you to choose whether you want the logo to be displayed at the top of the page.
Logo Image — here you can choose an image for your 404 page.
Show Home Button — this allows you to show or hide a button linked to the home page.
Home Button Text — this allows you to input a text for the button linked to the home page.
Show Social Buttons — this allows you to show or hide the social networks buttons on 404 page.
Text Color — this allows you to customize text color on 404 page.
Text Hover Color — this allows you to customize social buttons hover color on 404 page.
Customize Background — this gives you access to page background setting: Background Color, Background Image, Background Position, Background Repeat, Background Size.
Show Page Loader – this allows you to show or hide a preloader on the web-site.
Page Loader Image – this allows you to set an image used for the preloader. Best result may be achieved if you choose a square image with dimensions of no more than 100x100px.
Show Scroll To Top Button — this allows you to show or hide scroll to top button, clicking on which allows you to scroll up to the beginning of the page.
Scroll To Top Button Background Color — this allows you to set Scroll To Top Button background color.
Scroll To Top Button Hover Background Color — this allows you to set Scroll To Top Button background color on hover.
Scroll To Top Button Color — this allows you to set Scroll To Top Button text color.
Scroll To Top Button Hover Color — this allows you to set Scroll To Top Button text color on hover.
There will be settings at the lower part of an editing page or post. These settings will only be applied to this page or post. The settings may differ according to the corresponding page or post type.
The settings are grouped for convenience:
All of the settings names correspond to the such of the Customizer settings, so you can read their description above in the Customizer Settings section.
In the Layout Settings section you can enable or disable upper and lower offsets of the main content block as well as choose a sidebar position or disable it completely.
If you’d like to change or add to the scripts, CSS styles or theme functionality, then the best way to do this would be using a Child Theme. Its purpose is to allow you to change something without affecting the main theme itself with an ability to revert the changes back to default at any time. Another advantage in using the Child Theme is an ability to update the main theme without loosing the changes you already made. You can read further in more detail about the Child Theme and how to create it at the following URL: https://developer.wordpress.org/themes/advanced-topics/child-themes/
Our theme is built using the Elementor. For more information about this plugin you can go to the following address: https://elementor.com/
Elementor — is a visual editor. It is very intuitive to use. In order to edit a page you can click Edit with Elementor button right at the list of pages,
or click Edit with Elementor button at the default page editing screen.
Our theme has lots of unique elements in addition to the default elements supplied with the plugin itself. All of these elements are contained within Neuros Widgets
tab.
General settings for all of the elements:
In the first tab, called Content, you can customize the content — set titles, input text, set content alignment and choose on of the supplied element styles.
The second tab, called Style, contains settings for colors, fonts and margins between internal elements.
The third tab, called Advanced, contains additional parameters settings. You can set element id or class, z-index, internal and external margins of an element block, background for the element block, its positioning, etc. This is a default tab, you can read in more detail about all of these settings at the official manual located at the following address: https://docs.elementor.com/article/571-advanced-tab
This element allows to display a list of awards. You can set award`s year, nomination and award`s title.
This element allows to display a posts timeline. You can choose what posts to display, their ordering as well as set the post elements to display (author name, date, title, image, ‘Read More’ button, etc.).
This element is used to display buttons. We recommend using this instead of the default element, located in the Basic tab.
This element is used to customize and display the custom Career post type. You can choose posts to be displayed as well as their order of appearance and how many posts you would like to be formed.
This element is used to display big sliders with animated text. As an example our demo-site contains these sliders at all of the Home Pages.
This element is used to display simple menu inside page`s content.
This element is used to display a set of images in grid or masonry layout. These images can be viewed in Elementor`s lightbox popup window.
This element allows to display headings as well as customize their appearance.
Icon Box element allows to display a box with an icon, heading and short text. The icon can be located on top, bottom or at one of the sides. You can use this element, for example, as a list of services.
This element is used to display a slider with images. You can also add a title and description to each of the images.
This element helps you to display a columned price list.
This element allows you to customize and display the projects gallery (custom Projects posts type) in the form of columns, list or a slider.
This element is used to customize and display the custom Services posts type. You can choose posts to be displayed as well as their order of appearance and how many columns you would like to be formed.
This element allows you to set up and display a decorative text, which is usually used as part of the background. You can also add marquee animation effect to it, so it can scroll to left or right side of the screen.
This element is used to display a slider with blocks with numeration, for example a list of steps with some kind of a process.
This element is used to display the custom Team Member posts type. It can display short info about a person such as name, position, social network links, etc.
This element is used to display client testimonials in a slider form, it has several styles to choose from.
This element allows you display a play button for video in lightbox without overlay image. Button can contain play icon and text. Is fully customizable.
This element helps to display a products block. You can set what products to show, what should be their order and how many columns you’d like to use. This is a container for the WooCommerce standard shortcode [products].
This element allows to choose and display a form, created by means of the WP Forms plugin. It will not work without WPForms Light plug-in.
This element allows you to display the MailChimp subscription form and set its title. It is available only if you have the Mailchimp for WordPress plug-in installed. The form customization is available inside the plug-in itself.
This element displays a multi-level main menu on large screens, as well as a mobile menu on small screens.
Displays a large block with the page title. You can customize animated heading, additional text, add breadcrumbs, customize the block height and background.
Displays the search icon. When clicked, it opens the search bar at the top of the page.
Displays an icon that, when clicked, opens a sidebar with widgets (Side Panel Sidebar widget area).
This block is only available if WooCommerce is installed. Displays a cart icon with cart items indicator.
Our theme adds several custom post types to WordPress.
Projects — posts with gallery aimed at demonstrating photos with a quick fact. Each post may contain Strategy, Design and Client fields and have a gallery added to it in addition to the usual metadata. You can also display a project url button here (which links to a web-site, documentation, etc.)
Team Members are posts with information about people: team members, clients, ets. It allows you to input name, position, short bio, contacts, social networks links, upload a photo and list the skills of this person.
Careers are posts aimed to describe careers available. These posts contain such info as career description, responsibilities, required set of skills, salary, terms and working hours. You can also display a list of the company's recent careers.
Services are posts aimed to describe some kind of service. In addition to the usual description and Featured Image, you can set the frequently asked questions and answers to them. Also, you can select a service icon that will be displayed on the archive page and when displaying a list of services through the corresponding Elementor widget.
After installing the theme suggests you install required plugins. There are two types of these plugins — essential and recommended.
Essential plugins are required for the theme to work properly. These are the following:
Elementor Page Builder — it is needed to build the pages conveniently and intuitively.
Ultimate Addons for Elementor Lite — adds the ability to create footers and headers in the Elementor editor, as well as flexibly manage their display.
Meta Box — enables you to individually customize each page.
Neuros Plugin — adds new widgets and elements.
Recommended plugins aren’t crucial to the theme functionality, they simply add new capabilities to it:
MailChimp for WordPress — allows you to add a subscribe form
WPForms Light — is a simple visual editor which helps you add forms to the web-site.
WooCommerce — is a powerful and popular plugin to create an online store.
Envato Market — this plugin helps customers receive updates to their premium Themes & Plugins purchased through Envato Market (ThemeForest & CodeCanyon).
One Click Demo Import — is required to install demonstration data, you can delete this plugin afterwards.
You can easily translate our template to any language. To do this we want to offer you to use a tested translation plugin — Loco Translate. To work with it you do not need any technical knowledge. The system will prompt you to install it as soon as you activate our template.
Detailed documentation on this plugin can be found here. And here you can find the FAQ.
This theme includes the following JavaScript files:
admin.js
customizer.js
fontawesome-iconpicker.js
fontello.js
isotope.min.js
jquery.cookie.min.js
owl.carousel.min.js
select2.min.js
slick.min.js
theme.js
tilt.jquery.min.js
woo.js
All of our javascript files you can find in the file js/theme.js. This file is packed, so you won't need to manually edit anything in it.
If you are notified about a theme update pending and decide you want to install it, you can do it the default way: just overwrite the previous files by the ones supplied in a new zip archive. However it’s possible that you would be required to update previously installed plugins for the theme to function properly.
1. Some of the pictures aren’t displayed properly after installing the theme.
— Elementor plugin saves the images selected in elements in its own way, so there might be errors during import. Try to go to Elementor > Tools
section and enter our demo-site URL into Replace URL tab first field as follows: https://demo.artureanec.com/themes/neuros and enter your
web-site address into the second field. Then click the Replace URL button. When the process is complete go to the General tab and click Regenerate Files button.
2. I cannot install demo-data, an ‘Error 500’ or ‘Error 0’ error is displayed when I press the Import Demo Data button.
— First make sure that you fulfilled all of the prerequisites listed in paragraph 2 of this manual. Another common reason for problems with demo-data installation is incorrect settings for the web-site and server when installing SSL-certificate. Check that your web-site address begins with https:// in WordPress Settings > General section (if the SSL-certificate is installed). Contact your hosting provider if you cannot setup a server on your own.
3. I have installed the theme, but I don’t see a message about recommended plug-ins and I cannot install them.
— Make sure you have all of the plug-ins disabled. Some of them can block messages from a theme. After you install the plug-ins and demo-data you can enable 3rd party plug-ins again.
4. I change the page settings in Customizer but these settings are not applied or are applied only on some pages. Why is that happening?
— If you used the pages from our demo-data to build your web-site, some of them might contain local Meta Boxes settings which override the settings from Customizer. In order to fix this you need to go to the WordPress standard page editor and put all of the settings at the bottom part of it to their Default setting and empty all of the fields with something filled into them.
5. How do I change URL slugs for custom post types?
— There are no settings for this in the theme. If you use a child theme (Neuros Child), you can add the code directly to the functions.php file in the root of the theme. If you do this with the parent theme (Neuros), then when you install a new version, your code will disappear. To prevent this from happening, you can use a plugin for PHP snippets. For example, for projects, the code will be like this:
// Rewrite custom post types slugs
add_action('registered_post_type', 'neuros_rewrite_archive_slugs', 10, 2);
function neuros_rewrite_archive_slugs($post_type, $args) {
global $wp_rewrite;
if ( $post_type == 'neuros_project') {
$args->rewrite['slug'] = 'new-projects'; //write your new slug here
}
if ( $args->has_archive ) {
$archive_slug = $args->has_archive === true ? $args->rewrite['slug'] : $args->has_archive;
if ( $args->rewrite['with_front'] )
$archive_slug = substr( $wp_rewrite->front, 1 ) . $archive_slug;
else
$archive_slug = $wp_rewrite->root . $archive_slug;
add_rewrite_rule( "{$archive_slug}/?$", "index.php?post_type=$post_type", 'top' );
if ( $args->rewrite['feeds'] && $wp_rewrite->feeds ) {
$feeds = '(' . trim( implode( '|', $wp_rewrite->feeds ) ) . ')';
add_rewrite_rule( "{$archive_slug}/feed/$feeds/?$", "index.php?post_type=$post_type" . '&feed=$matches[1]', 'top' );
add_rewrite_rule( "{$archive_slug}/$feeds/?$", "index.php?post_type=$post_type" . '&feed=$matches[1]', 'top' );
}
if ( $args->rewrite['pages'] )
add_rewrite_rule( "{$archive_slug}/{$wp_rewrite->pagination_base}/([0-9]{1,})/?$", "index.php?post_type=$post_type" . '&paged=$matches[1]', 'top' );
}
$permastruct_args = $args->rewrite;
$permastruct_args['feed'] = $permastruct_args['feeds'];
add_permastruct( $post_type, "{$args->rewrite['slug']}/%$post_type%", $permastruct_args );
}
6. After updating Elementor, something broke. How can I fix it?
— First, make sure you are using the latest version of the theme. Unfortunately, plugin developers do not always communicate their plans. Usually, a theme update is released 1-2 days after the issue is reported.
As a temporary solution, you can use Elementor tools and roll back the plugin version. Go to the Dashboard menu: Elementor > Tools > 'Version Control' tab and re-install the desired version of Elementor:
When the theme update is released, Elementor can be updated to the latest version. To avoid problems, we recommend disabling automatic updates of WordPress and plugins, as well as making a backup of the site before each update. It does not take much time, but will save your nerves.
Do not forget to clear the server cache and CDN, if you use them.
7. After installing or moving a site, some pages return Error 404.
— This happens sometimes. In 99% of cases, re-saving permalinks helps. Go to Dashboard menu: Settings > Permalinks and click the 'Save changes' button.
8. I'm trying to install a theme, but I get a message that the theme is corrupted or the style.css file is missing. What should I do?
— Most often, this happens when you try to install an archive downloaded from the Envato website as a theme. This archive should be unpacked. Inside there will be an archive with the theme (neuros.zip), an archive with a child theme (neuros-child.zip) and an archive with documentation (documentation.zip). You need to install the neuros.zip and neuros-child.zip archives one after the other.
9. I want to add some styles to the theme, how do I do that?
— If you are using a child theme (Neuros Child), you can add styles directly to the style.css file in the root of the theme. If you do this with the parent theme (Neuros), your styles will disappear when you install a new version. To prevent this, you can add styles via the Customizer.
Go to the Dashboard menu: Appearance > Customize -> Additional CSS and add your styles in the field:
10. My site is slow, how can I speed it up?
— There are several tricks that can speed up your site.
If you are satisfied, please rate us with 5 stars at the following address: https://themeforest.net/downloads
You need to follow the link below and register in our support system:
Thank you!