Documentation

Vernex is an WordPress Theme for the Startup as well as Architecture & Construction Purposes.

Thank you for purchasing our theme, now you are an owner of a regular license or extended license of vernex WordPress Theme. You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this Theme is made and how to edit this properly. You may learn basics here.

Vernex is a sleek, modern, and highly customizable WordPress Theme designed specifically for architecture, construction, and building companies. Whether you’re a professional architect, a construction business owner, or a creative studio, Vernex is the perfect choice to showcase your expertise and projects. Its intuitive design and advanced features ensure an exceptional user experience that enhances your online presence. This theme is made with Elementor page builder so that easily anyone can customize the theme and also its is compatible with all browsers.

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

Getting Started

To install this theme you must have a working version of WordPress already installed.

• For information in regard to installing the WordPress Platform, please see the WordPress Codex: Installing WordPress
• Before to start working with your new theme, make sure that your WordPress Version is updated to the latest one.
• You can know more about WordPress Requirements from here.

Server Requirements

Please make sure you have fullfilled the following Requirements

1. WordPress 5.8 or higher version.
2. PHP Version 7.4.0 or Upper . ( 8.0 recommended )
3. MySQL 5.6 or greater.

It is also recommended to setup your php limit to avoid the common issues during the plugin installation and demo import.

• memory_limit 128M
• max_execution_time 180
• post_max_size 64M
• upload_max_filesize 64M
• max_input_time = 120
• max_input_vars = 10000

Knowledge Base

Firstly you need to install WordPress on your server using softaculas or other installer. It depends on your hosting provider.

Here are some usefull links to get started with WordPress:

1. Official instruction of installing WordPress on your server- WordPress Installation
2. Here is the official guide to get started with WordPress- Getting Started

What's Included in the zip folder

1. A zip file of the theme .
2. A plugin zip file for core functionality.

Installation

Follow the steps below to setup your WordPress theme.

There are two methods to install the vernex WordPress Theme. The first one is using the WordPress Theme Installer and the second is installing it using the FTP method.

WordPress Theme Installer

1. Login into the WordPress Dashboard and search for Appearance -> Themes.
2. Click "Add New" at the top of the page.
3. Now click on "Upload Theme".
4. Choose the zip file you will find within the whole package you downloaded from Themeforest -> "vernex.zip"
5. Once the installation is complete you can Activate the vernex WordPress Theme

FTP Upload Method

1. Using your FTP client, login to your server via FTP and navigate to "wp-content/themes" under your website's root directory.
2. Here you must place the main folder you will find within the whole package you downloaded from Themeforest, this folder called "vernex" ( unzipped version ).
3. Once your files are completely uploaded to your server, log into the WordPress Dashboard and go to "Appearance -> Themes" .
4. Search the vernex WordPress Theme Screenshot and click to "Activate".

Theme Installation Tutorial

Screenshot Of whole Process to Install Theme

Choose the zip file what you will find within the whole package you downloaded from Themeforest -> "vernex.zip"

Now, Click Activate to activate the theme

Plugin Installation

When the theme is uploaded You need to install some recommended plugins.

Click Begin Installing Plugin.

Now, Select all the plugin to install

Now, Select Install then Click Apply button

After installing all plugins Click Return to Required Plugins Installer

Now, Select Activate then Click Apply for activating all plugins

One Click Demo Import

You can easily import demo data using our one-click demo content importer. View our screenshot to the demo import page.

Set Front Page and Posts Page

You can easily import demo data using our one-click demo content importer. View our screenshot to import demo data in your WordPress site

Now Click Import Demo Data

Now, Click Continue & Import

Congrats! Your site is ready..

After import completed successfully, click visit site

Make Ready Woocommerce

How to Make All WooCommerce Products Live Follow these steps, as shown in the screenshots below, to make all your WooCommerce products live:

Footer Customization With Elementor.

The footer is created using a custom post type called Footer Blocks, designed with Elementor. Follow the steps shown in the screenshots below to understand how it works!!

Congrats! Your Footer is ready to edit with elementor.

Changing Logo & Page Title

You can manage some special Settings from vernex theme customizer easily. And the other Settings will be found in the theme option panel.

You can change your Theme Logo from theme options panel

Now, Click on Customize for other options

These options are for Theme Logo, Site Title and Tagline.

Setting up the Menu

The final step before you can start with the new theme is to create your menu, it will be really easy. If you import our demo data it will automatically make a menu for you and set it a primary location.

Let's make your own menu.

Go to "Appearance -> Menus" and you will see a panel where you can create new menus. Create one, add your created pages to it and save it. After this in "Menu Settings" below the menu select"Header Menu" and hit "Save Menu".

For One Page Menu you need to use custom links option to make one page menu. Put your section ID in the URL field and menu text goes Link Text field. Then hit Add to Menu Button.

Note: You can use up to two levels of navigation in this theme.

The Customizar

After activating the theme, you will notice that a new submenu item appeared, under "Appearance -> Customize".

If you click on it you will be taken to the WordPress customizer, a tool which will allow you to modify the look and feel of your website.

Unfortunately not all theme options features are present. You can select only the body background color, background image, custom header image, logo & favicon.

Set Homepage and Blogs

1. Login to WordPress admin panel (URL should be www.yourdomain.com/wp-admin )
2. Navigate to "Settings > Reading".



3. From dropdown, select which page you want to set as "Front Page" and which page you want as “blog posts” page. Default Front Page is ‘Home’ and default posts page is ‘Blog’..



4. Click on ‘Save Changes’ button to save all.

Creating A New Page

Step 1: Navigate the Add New menu under the Pages Navigation.

Step 2: Select your header style and Give it a title.

Step 3: Use Elementor for your page Customization.

Elementor Page Builder

Now you can customize the page with elementor page builder.

Contact Form 7

Contact form 7 is used to create ‘easy to handle’ and ‘easy to customize’ forms. vernex theme has a pre-built forms. To get all forms, ‘Contact Form 7’ plugin must be installed and activated. You can add/edit/delete the contact form by following this documentation

https://contactform7.com/getting-started-with-contact-form-7/

Contact form 1

  <label> Your name
  [text* your-name autocomplete:name]  </label>

<label> Your email
  [email* your-email autocomplete:email]  </label>

<label> Subject
  [text* your-subject]  </label>

<label> Your message (optional)
  [textarea your-message]  </label>

[submit "Submit"]
        

Contact form One

    <div class="contact-form wow animate fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
    <div class="row g-4">
        <div class="col-sm-6">
            <div class="form-inner">
                [text text-75 placeholder "Full Name"]
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-inner">
                [email* email367 placeholder "Enter Your Email..."]
            </div>
        </div>
        <div class="col-sm-12 d-flex justify-content-center">
            <button type="submit" class="primary-btn2">
                <span>
                    Submit Now
                    <svg viewBox="0 0 13 20">
                        <polyline points="0.5 19.5 3 19.5 12.5 10 3 0.5"></polyline>
                    </svg>
                </span>
            </button>
        </div>
    </div>
</div>
        

Contact form two

  <div class="row g-4">
  <div class="col-md-12">
      <div class="form-inner">
          <label for="full-name">Full Name *</label>
          [text* full-name id:full-name]
      </div>
  </div>
  <div class="col-md-6">
      <div class="form-inner">
          <label for="email">Email *</label>
          [email* email345 id:email]
      </div>
  </div>
  <div class="col-md-6">
      <div class="form-inner">
          <label for="phone">Phone *</label>
          [tel* phone id:phone]
      </div>
  </div>
  <div class="col-md-12">
      <div class="form-inner">
          <label>Service Type</label>
          [select service-type "Conceptual Design" "Project Planning" "Site Analysis"]
      </div>
  </div>
  <div class="col-md-12">
      <div class="form-inner">
          <label for="message">Message *</label>
          [textarea* message id:message]
      </div>
  </div>
  <div class="col-lg-12">
      <div class="form-inner2">
          <div class="form-check">
              [acceptance acceptance-558 optional class:contactCheck] I have read & accepted Terms & Conditions. [/acceptance]
          </div>
      </div>
  </div>
</div>
<button type="submit" class="primary-btn2">
  <span>
      Submit Now
      <svg viewBox="0 0 13 20">
          <polyline points="0.5 19.5 3 19.5 12.5 10 3 0.5"></polyline>
      </svg>
  </span>
</button>
        

Contact form Three

  <div class="row g-4">
  <div class="col-md-12">
      <div class="form-inner">
          <label for="full-name">Full Name *</label>
          [text* full-name id:full-name]
      </div>
  </div>
  <div class="col-md-6">
      <div class="form-inner">
          <label for="email">Email *</label>
          [email* email98 id:email]
      </div>
  </div>
  <div class="col-md-6">
      <div class="form-inner">
          <label for="phone">Phone *</label>
          [tel* phone id:phone]
      </div>
  </div>
  <div class="col-md-12">
      <div class="form-inner">
          <label>Service Type</label>
          [select service-type "Conceptual Design" "Project Planning" "Site Analysis"]
      </div>
  </div>
  <div class="col-md-12">
      <div class="form-inner">
          <label for="message">Message *</label>
          [textarea* message id:message]
      </div>
  </div>
  <div class="col-lg-12">
      <div class="form-inner2">
          <div class="form-check">
              [acceptance acceptance-558 optional class:contactCheck] I have read & accepted Terms & Conditions. [/acceptance]
          </div>
      </div>
  </div>
</div>
<button type="submit" class="primary-btn3">
  <span>
      Submit Now
      <svg viewBox="0 0 13 20">
          <polyline points="0.5 19.5 3 19.5 12.5 10 3 0.5"></polyline>
      </svg>
  </span>
</button>
        

Contact form Four

  <div class="row g-4">
  <div class="col-md-12">
      <div class="form-inner">
          <label for="full-name">Full Name *</label>
          [text* full-name id:full-name]
      </div>
  </div>
  <div class="col-md-6">
      <div class="form-inner">
          <label for="email">Email *</label>
          [email* email98 id:email]
      </div>
  </div>
  <div class="col-md-6">
      <div class="form-inner">
          <label for="phone">Phone *</label>
          [tel* phone id:phone]
      </div>
  </div>
  <div class="col-md-12">
      <div class="form-inner">
          <label>Service Type</label>
          [select service-type "Conceptual Design" "Project Planning" "Site Analysis"]
      </div>
  </div>
  <div class="col-md-12">
      <div class="form-inner">
          <label for="message">Message *</label>
          [textarea* message id:message]
      </div>
  </div>
  <div class="col-lg-12">
      <div class="form-inner2">
          <div class="form-check">
              [acceptance acceptance-558 optional class:contactCheck] I have read & accepted Terms & Conditions. [/acceptance]
          </div>
      </div>
  </div>
</div>
<button type="submit" class="primary-btn3">
  <span>
      Submit Now
      <svg viewBox="0 0 13 20">
          <polyline points="0.5 19.5 3 19.5 12.5 10 3 0.5"></polyline>
      </svg>
  </span>
</button>
        

Contact form Five

  <div class="row g-4">
  <div class="col-md-12">
      <div class="form-inner">
          <label for="full-name">Full Name * </label>
          [text* full-name id:full-name]
      </div>
  </div>
  <div class="col-md-6">
      <div class="form-inner">
          <label for="email">Email * </label>
          [email* email324 id:email]
      </div>
  </div>
  <div class="col-md-6">
      <div class="form-inner">
          <label for="phone">Phone * </label>
          [tel* phone id:phone]
      </div>
  </div>
  <div class="col-md-12">
      <div class="form-inner">
          <label>Service Type </label>
          [select service-type "Conceptual Design" "Project Planning" "Site Analysis"]
      </div>
  </div>
  <div class="col-md-12">
      <div class="form-inner">
          <label for="message">Message * </label>
          [textarea* message id:message]
      </div>
  </div>
  <div class="col-lg-12">
      <div class="form-inner2">
          <div class="form-check">
              [acceptance acceptance-558 optional class:contactCheck] I have read & accepted Terms & Conditions. [/acceptance]
          </div>
      </div>
  </div>
</div>
<button type="submit" class="primary-btn2">
  <span>
      Submit Now
      <svg viewBox="0 0 13 20">
          <polyline points="0.5 19.5 3 19.5 12.5 10 3 0.5"> </polyline>
      </svg>
  </span>
</button>
        

Properties Details Page Contact Form

  <div class="row g-4">
  <div class="col-lg-12">
      <div class="form-inner">
          <label>Full Name *</label>
          [text text-894]
      </div>
  </div>
  <div class="col-lg-12">
      <div class="form-inner">
          <label>Email *</label>
          [email* email-832]
      </div>
  </div>
  <div class="col-lg-12">
      <div class="form-inner">
          <label>Subject *</label>
          [text text-98]
      </div>
  </div>
  <div class="col-lg-12">
      <div class="form-inner">
          <label>Message *</label>
          [textarea textarea-517]
      </div>
  </div>
</div>
<div class="form-inner2">
  <div class="form-check">
      [checkbox* contact-terms "I have read & accepted Terms & Conditions."]
  </div>
</div>
<button type="submit" class="primary-btn2">
  <span>
      Submit Now
      <svg viewBox="0 0 13 20">
          <polyline points="0.5 19.5 3 19.5 12.5 10 3 0.5"></polyline>
      </svg>
  </span>
</button>
        

Footer Contact Form

    <div class="form-inner">
    [email* email-327 placeholder "Enter Email"]
    <button type="submit">
        <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M15.9647 0.685806C16.0011 0.594942 16.01 0.495402 15.9904 0.399526C15.9707 0.303649 15.9233 0.215653 15.8541 0.146447C15.7849 0.0772403 15.6969 0.0298668 15.601 0.0101994C15.5052 -0.0094681 15.4056 -0.000564594 15.3147 0.0358061L0.76775 5.85481H0.76675L0.31475 6.03481C0.22914 6.06895 0.154635 6.1261 0.0994654 6.19994C0.0442956 6.27377 0.0106078 6.36142 0.00212322 6.4532C-0.00636132 6.54497 0.0106876 6.63731 0.0513867 6.72001C0.0920859 6.8027 0.154851 6.87254 0.23275 6.92181L0.64275 7.18181L0.64375 7.18381L5.63875 10.3618L8.81675 15.3568L8.81875 15.3588L9.07875 15.7688C9.12817 15.8464 9.19805 15.9089 9.28068 15.9493C9.36332 15.9897 9.45551 16.0066 9.54711 15.998C9.63871 15.9894 9.72617 15.9558 9.79985 15.9007C9.87354 15.8456 9.9306 15.7712 9.96475 15.6858L15.9647 0.685806ZM14.1317 2.57581L6.63775 10.0698L6.42275 9.73181C6.38336 9.66978 6.33078 9.6172 6.26875 9.57781L5.93075 9.36281L13.4247 1.86881L14.6027 1.39781L14.1327 2.57581H14.1317Z" />
        </svg>
    </button>
</div>
        

Theme Options Panel

Follow these screenshot to change your theme layout from Theme Options

How to add widgets

Step 1: Navigate Appearance > Widgets.

Step 2: You can see all the widget areas here.

How to edit a widget

Step 3: Click on Plus icon and search theme name to see all custom widget.

Step 4: Click on widget to edit them.

Step 5: When you click on widget an edit form will appear.

Step 6: After editing, click Update to save changes.

Theme Update Tutorial

There are two ways to update the theme. The regular and the automatic way.

Automatic

This is the easiest way to update a theme. You can do that by Envato Market Plugin. We already included this plugin with our theme. You need to install and activate the plugin and configure it with your themeforest profile. For configuring this plugin follow this tutorial article: http://www.wpexplorer.com/envato-market-plugin-guide/.

Manual

Go to your "Themeforest Download Account" and download the latest package. Unzip it and overwrite the theme folder on your server via a FTP Client.

Plugins

If the theme uses plugins and there are updates available for theme, you should see a notification and be able to easily install theme.However if you don't see the notification bar, you can update the plugins manually as well.

Plugins

Following list of packages will be included: