Welcome to Xotric - WordPress Theme Documentation.

• Item Name : Xotric - Creative Agency WordPress Theme
• Created: 07 September 2023
• Update: 10 July 2023
• Item Version : v 1.0
• Author : itcroc
• Support Ticket: Theme Support
• All Theme Documentation : Theme Documentation

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome! 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 template is made and how to edit this properly.

If you are unable to find your answer here in our documentation, we encourage you to search our KnowledgeBase, watch our Video Tutorials, and also perform a Forum Search for your answer.

Author, itcroc

Theme Requirements

To use Xotric, make sure your hosting provider is running the following software:

1. WordPress 6.0 or higher.
2. PHP 7.2 or greater. WordPress officially suggests to use PHP 7.4.
3. MySQL 5.6 or greater.

Recommended PHP Limits

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 180
• memory_limit 128M
• post_max_size 64M
• upload_max_filesize 32M
• max_input_time = 60
• max_input_vars = 3000

Also consider upgrading your PHP version to the latest version, the newer the better.

WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the. Below are ll the useful links for WordPress information.

• WordPress Codex – general info about WordPress and how to install on your server
• First Steps With WordPress – general information that covers a wide variety of topics
• FAQ New To WordPress – the most popular FAQ’s regarding WordPress

What's included

When you purchase our theme from Themeforest, you need to download the Xotric files from your Themeforest account. Navigate to your downloads tab on Themeforest and find Xotric. Click the download button to see the two options. The Main Files contain everything, the Installable WordPress Theme is just the installable WordPress theme file. Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

• Installable WordPress file only. You can upload this file when you install the theme.

• All files and documentation (full zip folder). You will need to extract and locate the installable WordPress file to upload when you install the theme.

Theme Installation

It’s easy to install Xotric. Just follow these steps, they won’t take much of your time.

1. Download the theme zip file from your Envato account from ThemeForest.
2. **All files & documentation **(full zip folder). You will need to extract and locate the installable WordPress file to upload when installing theme
3. Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin).
4. Navigate to Appearance > Themes.

   

5. Click on Add New and then Click on Upload Theme .

   

6. Click Add New, then click Upload Theme > Choose File

   

7. Navigate to the .zip file on your computer, then click Install Now

   

8. When the installation complete, click Activate. You will be redirected to Themes page with Xotric activated.

   

   

9. Done.

Install theme via FTP

To manually upload your new WordPress theme, login with your credentials to your website and locate the wp-content folder in your WordPress install files. Upload the un-zipped 'Xotric' folder into the: wp-content/themes folder.

Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard. Locate the Xotric Theme and hit “Activate”.

The theme files will be stored on your server in the wp-content/themes/ location.

Note: When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading dexai.zip

Plugin Installation

After activating Xotric, you will see this notice:

Click Begin installing plugins. You will be navigated to Install Required Plugins page.

Simply check all of them (or all of required plugins and some recommended plugins you like) and from the drop down select Install, then hit Apply.

When finishing, it should look like this:

Then Active all Plugins:

Demo Installation

Our demo data import lets you have the whole data package in minutes, delivering all kinds of essential things quickly and simply. All you need to do is to navigate to Appearance >Import. Hit Import this demo.

If you need those plugins then you can Install otherwise not, just click on Continue & Import

Have a cup of coffee. The process is within minutes.

When finishing, it should look like this:

Go to Setting > Reading > Front page displays and choose the page you like to be your front page then hit Save changes.

Free Support System

All of rbinfosoft’s items come with 6 months of included support and free lifetime updates for your Theme.
Once the 6 months of included support is up, you have the opportunity to extend support coverage up to 6 or 12 months further.
If you choose to not extend your support, you will still be able to submit bug reports via email or item comments and still have access to our online documentation knowledge base and video tutorials.

We have an advanced, secure ticket system to handle your requests. Support is limited to questions regarding the theme’s features or issues that are related the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customization of your theme, we suggest enlisting the help of a developer.

Our Support Mail

All of our items come with free support, and we have a dedicated mail: mce.adnan@gmail.com to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you should enlist the help of a developer.

Item Support Includes

• Answering questions about how to use the item
• Answering technical questions about the item
• Help with defects in the item
• Item updates to ensure ongoing compatibility and to resolve security vulnerabilities

Not Included in Item Support

• Theme customization and requests that require or involve custom coding
• Installation of the item
• Hosting, server environment, or software
• Support for compatibility with 3rd party plug-ins
• Support for out-dated or modified themes

For more information on Item Support Policy please refer to the original document..

Page Options

On each page you'll see a Template Settings metabox, located below the page content editor. This metabox includes various options to control the header style , footer visibility and Logo Setting on each page.

Create a New Page

Step 1: Navigate to Pages in your admin sidebar and click Add New option.

Step 2: Enter a new name for your page, then find the Page Attributes box on right side to set your Parent or Template page.

Page Options

Here includes various options to control the header style , footer style and Logo Setting on each page.

Use Elementor Page Builder to Build Page

Step 1: Choose Edit With Elementor to edit your page.

Step 2: Choose Add Element to start adding our premade elements to your new page.

How to Change Page Title

Step 1: Go to Pages > All Pages. Then point at the page you want to edit. You will see the Quick Edit option.

Step 2: Edit the title as you want. Delete the current slug. Then hit Update. It will automatically generate new slug for your page.

You can also edit some other options such as parent, template, status... If you want to edit more options, hit Edit instead of Quick Edit.

Logo & Page Title Image

There’re different logo locations in Xotric. All of them can be configured in
Appearance → Customise → DexAI Customizer  → Header Settings

Retina Logos

To make your logos look crisp on Retina devices, simply upload a Retina logo to the corresponding upload fields.

Retina versions are twice as large as the original ones. For example, if your logo is 100px x 50px, the Retina version must be 200px x 100px.

Page Title (Breadcrumb)

Header Right and Footer

Header Right Settings

There’re Topbar Switch on/off available. All of them can be configured in
Appearance → Customize → DexAI Customizer  → Header Right Settings

Footer

There’re footer copyright text , social link, footer on/off , footer logo will be configure. All of them can be configured in
Appearance → Elementor Header & Footer Builder → Edit With Elementor  →

How to Create a Menu

Setting up Navigation Menus works normally as it does for any WordPress theme. If you’re new to WordPress, you can learn more about menus in the WordPress Codex article.

1. Go to Appearance → Menus in your admin sidebar and click Create a new menu option..
   
2. Select Create a new menu at the top of the page
   
3. Choose menu items you want to add from the left and hit Add to Menu. Then hit Save Menu
4. Your new menu has been created:
   
5. Using the Custom Links and Pages boxes at the left, add items to the menu and drag and drop to arrange them.
6. If you would like to use this menu in the primary navigation of the theme, scroll down to the Menu Settings area, enable the checkbox next to the Main Menu menu locations.
   
7. Click Save Menu and that is all.

Contact Form Setup

Overflow comes with integrated support for the Contact Form 7 plugin:

<div class="contact-form-wrap">
    <div class="row">
        <div class="col-md-6">
            <div class="form-grp">
                [text* your-name placeholder "Your Name"]
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-grp">
                [email* your-email placeholder "Email address"]
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-grp">
                [tel* your-number placeholder "Phone number"]
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-grp">
                [text* your-subject placeholder "Subject"]
            </div>
        </div>
    </div>
    <div class="form-grp">
        [textarea your-message placeholder "Write message"]
    </div>
    <button type="submit" class="btn">Send a message <span></span></button>
</div>

							

<div class="footer-newsletter">
    <input type="email" name="EMAIL" placeholder="Email address Here" required />
    <button type="submit"><i class="far fa-paper-plane"></i></button>
</div>

							

How to Create a New Post

Step 1: Navigate to Posts > Add New in your WordPress admin sidebar.

Step 2: Create a title, and insert your post content in the editing field.

Step 3: For a video/audio post, just simply paste the video/audio URL into the Embed Code field.

Step 4: Add Categories from the right side. Categories is meta information you create for the post. Each category is a meta link that your viewer can click to view similar type of posts. To assign it to the post, check the box next to the Category name. You can also access and edit Categories from the Post sidebar item in your WordPress admin sidebar.

Step 5: Add Tags from the right side. Tags is meta information you create for the post. Each tag is a link that your viewer can click to view similar type of posts. Type the name of the tag in the field, separate multiple tags with commas. You can also access and edit Tags from the Post sidebar item in your WordPress admin sidebar.

Step 6: For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 7: You can also customize Page Title & Sidebar Options in Settings.

Step 8: Once you are finished, click Publish to save the post.

Here is the screenshot that shows the various areas of the blog post page:

How to Create a Category

Step 1: Post >> Categories

Step 2: Name the category and fill to other section below.

Step 3: Hit Add New Category. Your new Category will aprear in the table of all category immediately.

Similar to Category, you can create a new Tag in the same way.

How to Add Widget in Sidebar

Step 1: Appearance >> Widgets. You can see all of the Sidebar here.

Step 2:Choose the Widgets you want and drag it to the Sidebar you want or click on it to choose the Sidebar.

In the case you want to delete its settings, drag it back.

How to Edit Widget

Hit Appearance > Widgets. Choose a widget you want to edit.

Then choose its area as you wish and hit Add Widget.

Then go to the right where you will notice a just-added widget. In this case, Search on Footer|#2. Type information and hit Save.

Finally Widget setup done. See your site now

Elementor Slider Widget

Slider Edit With Elementor

Elementor About Widget

About Edit With Elementor

Elementor Testimonial Widget

Testimonial Edit With Elementor

Elementor Team Widget

Team Edit With Elementor

Elementor Contact Widget

Contact Edit With Elementor