# TransX

## WordPress Theme

- Created: 05/25/2021
- by: Artureanec
- Support

### Theme Installation

Open a .zip file that is in the folder Theme. Put the content of this archive in a folder wp-content/themes that is in a folder with installed WordPress. Then you can select our theme in a list available themes and activate it (Appearance > Themes):

### First Steps

First activate our theme and install all offered to you plugins. Then you can import demo content.

After that you can importing demo content or continue to work with our theme without it.

### Child Theme

In the archive with the our template (Child Theme folder) you will find an archive with the basic functionality for creating a child theme based on our template. There are a few reasons why you would want to use a child theme:

1. If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
2. Using a child theme can speed up development time.
3. Using a child theme is a great way to learn about WordPress theme development.

A more detailed process of creating a child theme is described here.

### Start Customizing

All theme options are available on the Apperance > Customize page. Please browse all the sections and read the option description before you make changes.

### Set static page as the home page

By default, WordPress uses your blog index page as the front page. You can use a static page for your front page instead of the default blog index template. Go to Settings > Reading, select "A Static page" option on Front page displays. After that, please specify which pages you would like to use for the front page and the blog index page (you need to create those 2 pages first). All content in the selected Posts Page will be disregarded, and the theme will display its blog index template instead. You can also do this configuration in Appearance > Customize > Static Front Page.

### Adding Favicon

Since WordPress 4.3 you can directly set your favicon from Customizer. Go to Appearance > Customize > Site Identity, upload the favicon image there.

### Logo

In order to change the logo, please go to Appearance > Customize > Header Settings > Logo. Please note that the theme uses 2 logos. The first is displayed on standard pages, and the second will be shown on pages with a transparent Header. In addition, you can select the Retina checkbox, which will enable Retina Logo support on your website (for Macbooks or other devices with a Retina screen), however, for this mechanism to work correctly, you need to upload a logo 2 times larger than desired.

### Menu Customizing

You can edit the content of your menu in Appearance > Menus. This section will help you create the required number of various menus and display them on your site. As for the appearance of the menu, you can easily change it in Appearance > Customize > Header Settings > Menu. In this section you can change not only the font of the menu, but also other relevant settings.

### QuadMenu

To create large and multi-level menus, we use the wonderful QuadMenu plugin. After activating the theme, you will be asked to install the plugin in automatic mode and right after that you can start using it. You will find detailed documentation here.

### Set how many posts in your homepage/archive

You can go to Settings > Reading page and you will find Blog pages show at most, edit the number to what you see fits.

### One Click Demo Content Import

To import demo content you can use "One Click Demo Content Import" way proposed by Artureanec.

It’s important to note that for the full effect you must first install and activate all plugins. Otherwise you can lose some data.

### Theme Translation

You can easily translate our template to any language. To do this we want to offer you to use tested translation plugin - Loco Translate. To work with him 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.

### Image Sizes

For our template, we recommend that you use images no larger than 1920px and 1280px at least on the large side. In some cases, the images will be cropped to look harmonious within an existing design. This process is transparent to the user and you do not need to do anything for it.

### JavaScript

This theme includes next Javascript files:

1. admin.js
2. owl.carousel.min.js
3. theme.js
4. woocommerce.js

All our javascript you can find in the file js/theme.js. This file is packed, so you won't need to manually edit anything in them.

### Updates

If you will be notified about theme update and decide to install it, do it in a standard way: just overwrite files from your new zip file. However, it’s possible that the theme will ask you to update previously installed plugins.

### Theme Features

Very comfortable template configuration panel. For flexible adjustment of the template does not require any knowledge of html, even at a basic level. Everything is configured intuitively by means of very simple elements of user interaction.

With our templates are available for the installation and activation of the most frequently used plugins, which makes life easier when filling the pages and the implementation of other features. Some of these plugins originally paid, which allows you as the end user, to save money, much more than you would spend acquiring these plugins individually.

### Code Navigation

All images, css files, js files are located in the root folder:

CSS file has a clear structure, that described at the beginning of the file and "breaks" file into components that are responsible for the respective parts of code:

All Theme Framework is located in the 'core' folder. Here are the functions that are used to construct our template and other supporting scripts:

### Sources and Credits

We've used the following scripts, icons or other files as listed:

1. Elementor
2. Meta Box
3. jQuery
4. Isotope
5. Font-Awesome
6. Contact Form 7
7. Loco Translate
8. Owl Carousel

### How To Rate This Item

If you are satisfied, please rate us here with 5 stars: https://themeforest.net/downloads
Thank you!

### Thank You!

We are very grateful that you have chosen our product. We always want to make our customers happy and we will do everything to achieve this goal.