Take less than 5 minutes for a quick tutorial on installing the template and demo content .

If you plan to make some modifications to the code of the theme, will be better to make them via the child theme. If you make modifications directly to the parent theme, you will lose them when the theme is updated. When you make modifications inside of the child theme instead, you can update the parent theme without losing any change you have made.

Child theme you'll find in a "autoteka-child.zip".

More information about child themes you can find in WordPress Codex - https://codex.wordpress.org/Child_Themes.

To install this theme it is essential to have a working version of WordPress already installed. For the information about WordPress platform installing, please see the WordPress Codex. After you download the “autoteka.zip” file from Market you will have all the necessary files . Then you should extract the “autoteka.zip” file and you will find the theme zip file called “autoteka.zip”inside. You need to install this file.

• Log in to the WordPress Administration
• Go to "Appearance › Themes › Add New › Upload Theme"
• Browse and select theme zip folder called "autoteka.zip" (is located inside of downloaded zip package)
• Press INSTALL NOW button
• Activate theme with Activate link

FileZilla Free FTP Client

• Log into your hosting space via an FTP software
• Unzip the theme/autoteka.zip file and use the extracted autoteka theme folder
• Upload the extracted autoteka theme folder into wp-content themes in your wordpress installation
• Activate the newly installed theme. Go to Appearance Themes and activate the installed theme.

• Go to "Appearance › Install Plugins"
• Install and activate required plugins

To setup and edit custom Footer and Megamenu please use static blocks but set the necessary settings for this in the visual composer .

 

First please edit and choose footer in Apperance - Customizer- Footer .

Now you can create unique footer and add them to your footer in theme customizer using static blocks.

 

 

Also you can create and specify unique footer for each page in page settings

Yellow Pencil it is Visual CSS Style Editor For WordPress . Please use it to css customize your site . I recommend you to read all plugin documentation for learning all features!

• Documentation: Yellow Pencil documentation
• Video tutorials: Video tutorials

For any custom changes we provide a premium plugin Yellow pencil . With this plugin, you can make changes without knowledge of css . In this video lesson you will be able to change the position of the logo and change the font menu

You can use the response mode to change or hide elements on tablets or smartphones.

Please follow these steps:

• Open Yellow Pencil Editor
• Click “Responsive Mode” button on Left-bar.
• Resize website to 600px in Responsive Mode.
• Select the element that you want to hide.
• Yellow Pencil Panel > Extra > Display option
• set “none” value for display option.
• Save changes.

You can use these plugins with the autoteka theme and you are fully compliant with the Market’s policy, but you cannot activate them as the owner (so don't try to use the autoteka purchase code to activate one of these plugins).

When you purchase a theme from Market that bundles Visual Composer and Revolution Slider, you are free to use these Premium plugins with the theme. However, your autoteka purchase does not give you individual Visual Composer and Revolution Slider licenses that allow you to activate or download these plugins as you wish. Activation doesn’t mean the plugin will not work but only that you cannot receive direct updates. Please don't worry if you see warning messages about the plugin license activation.

• Navigate to the Plugins menu in your WordPress admin area.
• Deactivate revolution slider, delete it
• Go to Install Required Plugins
• Upload and install the new version
• Activate Visual Composer.

Visual Composer gives you instant access to built in content elements. Each content element has been carefully crafted and offers multiple options that will enable you to build any layout you desire. You can build complex layouts based on these content elements within minutes, and without requiring a single line of code. Please check this video tutorial:

• Documentation: kb.wpbakery.com
• Video tutorials: vc.wpbakery.com/video-tutorials

In visual composer we added a custom Theme elements . You can use it for create your own unique style.

Step 1 - Log in to your WordPress Administration Panel.

Step 2 - Click on Pages > Add New.

Step 3 - Click on autoteka.

To create a new unique section use default row settings and also theme row options .

Step 1 - Log in to your WordPress Administration Panel.

Step 2 - Click on Pages > Add New.

Step 3 - Click on Backend Editor.

Step 4

Add and modify Row Layout

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon) to Edit the Row element ( in our example we use row with 3 columns filled with text block )

Step 4 - To change the Row layout ( number of columns ) you need to click the second Icon from the left then select a layout or custom to make your own

Edit Element

Pencil Icon - To Edit Row, Column or Module you need to click the Pencil icon.

Duplicate Element

Pages Icon - To Duplicate Row or Module you need to click the Pages icon.

Remove Element

Trash Box Icon - To Remove Row, Column or Module you need to click the Trash Box icon.

About Row / Column / Custom heading / Text Block Design options

Design Options - When you edit row / column / custom heading / text block module, you can edit the design options . Row / Custom Heading / Text Block element have a default Bottom Margin of 35 pixel, you may want to set it to 0 if you don't want to have bottom space It is Good to add bottom Padding to your Column, so they will looks good on mobile Left and Right Margin should NEVER be modified, please left blank For Row module the Left and Right Padding should also NEVER be modified, please left blank

To create a new unique section use default row settings and also theme row options .

We will explain how to create a full width content section.

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Change the Type setting to Full width content then click Save changes

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Click on Design Options ADD padding and REMOVE margin for better result, add a Background Image change to Cover and then Saves changes

Step 5 - Seclect background overlay and Enable background fixed in this row.

Step 6 - Update or Publish your page and you should now have a section with background fixed

Parallax Section

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Add parallax type background for row (Note: If no image is specified, parallax will use background image from Design Options).
You can also use advanced parallax in the options theme
Step 5 - Click on Design Options ADD padding and REMOVE margin for better result, add a Background Image change to Cover and then Saves changes

Step 6 - Update or Publish your page and you should now have a section with parallax background

Video Section

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - If checked, video will be used as row background.

Step 5 - You can edit the Design options ( remove margin and add padding "optional" ) and then Saves Changes and Update / Publish your page. You should now have a Full width Section with Video

• Video tutorials: On youtube

You can update your theme manually by performing the following steps:

• Download the latest theme zip file from Market
• Extract it and locate autoteka.zip
• Extract autoteka.zip and locate the autoteka folder
• Copy/Replace content of the autoteka folder to the /wp-content/themes/autoteka folder of your web site.

If you think your website takes too much time to load maybe you should.

1. Install a Cache Plugin for WordPress. We recommend W3 Total Cache.
2. Install an Image Compress Plugin. We recommend WP Smush It.
3. Install a Database Optimizer Plugin We recommend WP Optimize
4. Reduce the number of posts on the page
5. Reduce the number of unnecessary plugins.
6. Use more icons and less images.

Appearance - About theme