Vitors Digital Agency Services
WordPress Theme

Getting Started

Hi, It’s awesome to know that you decided to purchase Vitors. No doubts, you will join our happy customers community in seconds! You won’t make any mistake here, because our detailed documentation will guide you. Please be sure to check it out before getting started. We have outlined all kinds of necessary information and keep them easy-to-read-and-follow. Our theme is based on WordPress platform, so we assume that you have already WordPress installed and ready to go.

If you are unable to find your answer in this documentation, don’t hesitate to sign up & submit a support ticket here with your site’s FTP and WordPress Admin details. Our top-notch support team are extremely enthusiastic to solve your issue as soon as possible, just give them a chance. Enjoy your time here.

Cheers, Expert-Themes.

To use Vitors, you must be running WordPress 5.0 or higher, PHP 7.0.x or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

  • Check to ensure that your web host has the minimum requirements to run WordPress.
  • Always make sure they are running the latest version of WordPress.
  • You can download the latest release of WordPress from official WordPress website.
  • Always create secure passwords for FTP and Database.

Hosting is more secure when PHP applications, like WordPress, are running using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using PHP. Just ask your potential host if they run PHP or something similar.

Recommended PHP Configuration

Many 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 host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 600
  • memory_limit 512M
  • post_max_size 64M
  • upload_max_filesize 256M

You can verify your PHP configuration limits in the System tab in the Backend-mainpage. Take a look in the left sidebar for WordPress back end -> Tools -> Site Health -> Info -> Server.

Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plug-ins.

Support

  • Step 1: Click here to create an account. You will need your accession which can only be received after buying
    the theme from themeforest.net.
  • Step 2: Once you are signed up, you need to sign into our support center with your new account.
  • Step 3: Follow these steps before you submit a support ticket.
  • Step 4: To create a new ticket, hit Submit a Ticket.

To help speed along your request, we require that you follow the steps below before posting a ticket in the Help Desk.

Step 1: Please take a moment to search the articles, as the answer to your question is likely already in here.

Step 2: Step 2: If your question or issue has not been brought up, then please open a ticket with the following information:

  • Your live site URL that shows the issue
  • Your WordPress login credentials
  • Did you install or update the theme? Using FTP or from the WordPress admin panel?
  • Detailed information describing the issue
  • Possible screenshots of the issue
  • Please note that in most case the support staff cannot do much without this information. So to avoid unnecessary delays please provide the information above.
  • Also please deactivate all the plugins that don't come with the theme, this will allow us to rule out any third party plugins conflict. We don't deactivate the plugins on a client's site, because sometimes this may cause unforeseen issues.

Installation

Unpacking the theme

Before installing the theme, please make sure you unpacked the archive and extracted the theme files. Some of the folders names may slightly vary. Treat the screenshot below as an example only.

If you try to install the wrong files, you will get the missing style.css error. This is the most common error that means you are trying to install an incorrect package.

Theme Installation Steps

Step 1: Navigate to Appearance -> Themes

Step 2: Click Add New, then click Upload Theme -> Choose File

Step 3: Navigate to the .zip file on your computer, then click Install Now

Step 4: When the installation complete, click Activate. You will be redirected to Themes page with Vitors activated.

After you activate the theme you go to Appearance -> Install Plugins

Let's start with our awesome demos. You can easily install demo content with one click.

Video tutorial to install demo data.

Update

  • It Is Always Recommended To Backup Your Current Setup We recommend you have a current backup of your site. You can use Duplicator plugin to backup/restore your site.
  • Do Not Keep Older Copies of The Theme In WP Theme Folder You should completely remove all previous theme folders before adding the new updated theme folder. Don't just rename the theme folder. If you rename your theme folder when you update, then the path will be no longer valid. Because WordPress stores menus and widget settings and some other settings by folder path, you will need to rename your theme folder back to what it was before, then your settings, menus, widgets will be restored. So the total renaming process has no meaning.
  • Reset Browser Cache, Server Cache And Plugin Cache It is always recommended to reset your browser, plugin, and server cache when you update. Visual issues may happen and more often than not, its caused by caches, and they need to be emptied. Each browser allows you to remove cookies, history and other data. If your theme or Case Addons version is not updated after uploading the new files, it is due to a server-side caching system. Some hosting providers have server-side cache systems installed to optimize the speed of content delivery, please clear any server-side cache or ask your host to do it. This is also true for google pagespeed setups or cloudflare setups.
  • 4. Update Child Theme If you have copied template files from parent theme to child theme, please make sure to revert to parent theme first to confirm if the issue exists there too. If it doesn’t, please update the templates copied to child theme with the parent theme.
  • Required & Recommended Plugins Must Be Updated When you update the theme, you will see a notification message in your admin telling you the required and recommended plugins need to be updated. Follow the onscreen prompts to install the plugin updates. We have listed some required plugins and they have to be installed and activated for theme features to work. Make sure you are always using the most recent version of these plugins. You will be prompted to install it upon installing or updating your theme.
Method 1: Manual update.

Step 1: You need to deactivate the current Vitors theme in Appearance -> Themes section by simply activating a different theme. Once you activate a different theme, you can delete the Vitors.

Step 2: Retrieve the vitors.zip file from your new Themeforest download. If you download All files & documentation, then you need to unzip the archive file you received, the vitors.zip file will be inside of it.

Step 3: Then simply upload and activate the Vitors file in the Appearance -> Themes section like you've done when installing theme.

Method 2: Use the Envato Market plugin.

Install the Envato Market plugin and update the theme automatically. Download the plugin here.

Method 3: Update via FTP.

Step 1: Install File Manager plugin.

Step 2: Go to the theme folder through the file manager. Download the latest theme files included in the full package downloaded from ThemeForest.

Step 3: Please rename the old theme folder or delete it. Finally, unzip the just uploaded theme file.

Theme Options

Vitors comes with advanced settings panel that is loaded with options. We have the options organized into logical tabbed sections, and each option has a description of what it will do on the front end. Because of the sizable amount of options Vitors provides, we cannot go over them in full detail here in our documentation. We encourage you to please take some time and navigate through each tab to see what we offer. Go to Vitors > Theme Options in Dashboard WordPress to access the setting options. Please see below for screenshot of our Theme Options.

Important: Options in Theme Option are applied to the whole site (page, post, archive, category...)

Page

After creating a page, you can scroll down and find Page Options. You can set the page option which priority to display of only this page in front-end.

Important: The options are "empty" or default to "inherit", which will receive the default configuration in Theme options. The options in Page Options apply only to the page you configure.

Step 1: Create a Menu & Configuration

Step 2: Create a Page & Configuration

Menu

Step 1: Navigate to Apperance -> Menus in your admin sidebar and click Create a new menu option.

Step 2: Give your menu a name, then hit Create Menu.

Step 3: Choose menu items you want to add from the left and hit Add to Menu.

Then hit Save Menu

Step 1: Go to Appearance -> Menus on admin sidebar, select a menu to edit.

Step 2: Rename menu name as you wish. If you want to add more menu items, choose them from the left and hit Add to menu.

With each menu item, you can rename or drag to make it sub-menu.

Remember to hit **Save Menu **when you finish editing.

Step 1: Navigate to Mega Menus in your admin sidebar

Step 2: Give your mega menu a name.

Step 3: Click Edit with Elementor and start adding the widgets you want to the Mega Menu

Step 4: Navigate to Appearance -> Menus

Step 5: Click on Select a menu to edit then choose the menu you want to add into the mega menu.

Note: You cannot add more than 1 mega menu in the parent menu section.

Header

Step 1: Navigate to Header Builder in your admin sidebar

Step 2: Give your header a name.

Step 3: Click Edit with Elementor and start adding the widgets you want to the Header

Change the layout in Theme Options

Step 1: Navigate to Theme Options from the Admin Dashboard -> Vitors -> Theme Options -> Header

Step 2: Choose from the Header layout you created earlier or the Header layout available when you installed Demo Conent.

Change the layout in Page Options

Step 1: Go to any page edit you want to change the Header layout

Step 2: Please scroll the page to the bottom. You will see the option for Header in Page Options

Important: The options are "empty" or default to "inherit", which will receive the default configuration in Theme options. The options in Page Options apply only to the page you configure.

Navigate to Theme Options from the Admin Dashboard -> Vitors -> Theme Options -> Header -> Logo

Page Title

Change the layout in Theme Options

Change the layout in Page Options

Important: The options are "empty" or default to "inherit", which will receive the default configuration in Theme options. The options in Page Options apply only to the page you configure.

FAQs

Navigate to Theme Option from the Admin Dashboard -> Vitors -> Theme Options

Navigate to Theme Option from the Admin Dashboard -> Vitors -> Theme Options

Navigate to Theme Option from the Admin Dashboard -> Vitors -> Theme Options