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.
To use Xotric, make sure your hosting provider is running the following software:
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_input_time = 60
max_input_vars = 3000
Also consider upgrading your PHP version to the latest version, the newer the better.
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.
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.
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
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
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:
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.
All of itcroc’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.
All of our items come with free support, and we have a dedicated mail: email@example.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.
For more information on Item Support Policy please refer to the original document..
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.
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.
Here includes various options to control the header style , footer style and Logo Setting on each 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.
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.
There’re different logo locations in Xotric. All of them can be configured in
Appearance → Customise → DexAI Customizer → Header Settings
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.
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>
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:
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.
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.
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
Slider Edit With Elementor
About Edit With Elementor
Testimonial Edit With Elementor
Team Edit With Elementor
Contact Edit With Elementor
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.