First, thank you for purchasing our theme!

This guide provides instructions for installation, help on getting started and extensive documentation of features. It is recommended you read it thoroughly to fully leverage the Electrico theme's capabilities. Please also make sure to check out our Video Tutorials as they explain everything covered in here in greater depth. We hope you enjoy building with Electrico as much as we enjoyed developing it and continue to develop with new features!

Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.

If you are struggling, here is a very detailed guide at WordPress Codex that will walk you through every step.

If you prefer something more visual, you can watch this video tutorial on how to install Wordpress by us

(Please note the video shown is third party video, but the same process applies)

Once you have setup a copy of WordPress, there are multiple ways you can go about installing the theme. Here are different ways:

1. Install theme via "Envato Market" plugin (recommended)
2. Install theme via WordPress admin panel
3. Install theme via FTP

1. Install theme via "Envato Market" plugin

This is the easiest method to install our theme. Just install "Envato Market" plugin and configure it. This "Envato Market" plugin also provides one-click update feature for our theme.

Also here is step by step guide with details and images:

• First, install Envato Market plugin. Click here to download the plugin. This will download the zip file with the plugin in it. No need to unzip it – we’ll be installing it as is. Now that you have the plugin, go ahead and log into WordPress admin section.
  
  
• To install the plugin navigate to Plugins > Add New and click on the Upload Plugin button at the top of the page:
  
  
  
• Next browser for the "envato-market.zip" file that you downloaded:
  
  
  
• Then click the button "Install Now" button. This will install the plugin:
  
  
  
• Now Activate the plugin by clicking "Activate" link. The plugin should be activated like this:
  
  

Envato Market Plugin Setup

• To get started click on the "Envato Market" link in your dashboard menu. You should see a screen similar to the one below. The very first step is to create an Envato API token. To do this, click on the generate a personal token link (highlighted in red below).

  

  
  

• If you’re already logged into your Envato account you’ll be token to the screen below (otherwise you will be prompted to login first before being redirected to this page). On this screen you can see what the Envato Market plugin is requesting permission to access via your Envato account (Envato sites, the ability to download your items, a list of your purchases and verification of your purchases). To proceed give your token a name, check the box that you have read and agree to the terms and then click the green button to create your token.

  
  
  

• Once your token is created you will see a green success screen. Copy your token code (this is very important since Envato doesn’t store a copy of the token for you), check to confirm that you’ve copied it and click the white button that you got it.

  
  
  

• Now go back to your WordPress installation and paste in your Envato API token then click save.

  
  
  

• It’s possible that you might see the error (shown below) when you first enter your token. Don’t worry, just go back to the previous page and try again. It should work on the second go.

  
  
  

• Once your token is saved and validated your page will refresh to show your Envato Market landing page with added tabs for your items. The added tab(s) display all of your theme and plugin purchases as well as their version numbers and quick links to the theme and author pages. So now you can install theme and also update theme in just one click.

  
  
  

2. Install theme via WordPress admin panel

1. First go to themeforest.net and go to Downloads section from the top-right menu.
2. Now click on green Download button next to Electrico theme.
3. You will see some options. Now click on Installable WordPress file only link.
4. A file will be downloaded. Rename this file to electrico.zip
5. Download electrico.zip from themeforest.net site.
6. Log into the WordPress admin panel.
7. Navigate to Appearance > Themes and click on Add New and Upload Theme.
8. Select the electrico.zip file and click Install Now button.
9. After the successful installation, click on Activate or navigate to the Appearance > Themes and click on Activate button to activate the newly installed theme.
10. Now process for the theme setup wizard to install plugins and demo data.

3. Install theme via FTP

1. First go to themeforest.net and go to Downloads section from the top-right menu.
2. Now click on green Download button next to Electrico theme.
3. You will see some options. Now click on Installable WordPress file only link.
4. A file will be downloaded. Rename this file to electrico.zip
5. Download electrico.zip from themeforest.net site.
6. Log into your web server with FTP client software.
7. Unzip the electrico.zip file (downloaded from themeforest.net site) and ONLY use the extracted /Electrico theme folder.
8. Upload the extracted Electrico theme folder into /wp-content/themes folder.
9. Navigate to the Appearance > Themes tab and activate the theme.
10. Now process for the theme setup wizard to install plugins and demo data.

After theme installation, just activate it and it will ask to install some required and recommended plugins like this:

Below is the list of the plug-ins that come included into the theme.

• ThemeStek Extras for Electrico Theme (required)
• WPBakery Page Builder
• Slider Revolution
• CF Post Formats
• Envato Market
• Latest Tweets Widget
• Breadcrumb NavXT
• Contact Form 7

To make the theme work properly and get benefit of all features, we recommend you to install all above plugins. See steps given below to install all plugins:

1. After the theme activation, you will see a prompt with a list of plug-ins to install. Click on the Begin installing plugins link or go to Appearance > Install Plugins.
   
   



---



2. Check the plug-ins you want to install, select the Install option and click Apply. Installation may take a few minutes, please be patient and do not refresh the page.
   
   



---



3. Now, activate the plug-ins. Go to Appearance > Install Plugins, check all the listed plug-ins, choose Activate option and click Apply.

If you want to make changes to the theme's files and functions, we recommend installing a child theme. This ensures that your theme customizations stay in place after the theme update. If you are not planning to change the core theme files, you are free to skip this chapter.

A child theme is installed the same way you install a parent theme. Locate the electrico-child.zip file in the theme package and upload it via the WordPress admin panel. Alternatively, you can unzip it and upload via FTP (see main theme installation chapter).

Your child theme has its own functions.php file. Use it to copy modified functions from the parent theme's functions.php, or register new functions.

All the different blocks are created with template files which you can copy in child theme to and modify it easily. For this, just create theme-parts folder in child theme and copy files from parent (main theme) theme and modify it.

There are different sections in Electrico theme. Here you will find name of each section name so you can find their options easily. You can customize each sections from Electrico Options easily.

Electrico Options (Theme Options) panel is created with WordPress' Customize section. We added our own options with WordPress' default options.

Also this Customize options panel will provide live preview of the effects so you can see the effect of each options here.

Now click on the Electrico Options and you will see lot's of options for different theme sections.

Electrico Options

Now you can see different sections list. This are the group of the options. Clicking on each section will show options for that section.

• General Options:
  You can change Global color, secondary color, Gradient color, Logo etc from here.

• Typography Options:
  Here you can change font family, font size, folor color etc for different areas. For example, you can change font-family or font-size for general texts, H1 to H6 tags, Heading texts, Subheading texts, Widget heading etc.

• Header Options:
  Here you can change header style. Also you can edit content specially created for special header style. Also you can edit header button options, background color, header height etc. You can show or hide search icon, shop icon (if WooCommerce plugin is active) etc. (Where is Header area?)

• Menu Options:
  This is for menu appear in header area. Here you can edit Main menu typography like font-family, font-size etc options. Also you can change dropdown menu options like background color, font color etc too.

• Titlebar Options:
  Generally the Titlebar will appear on inner page. This will appear below header area. This will show page title, subtitle and breadcrumb. (Where is Titlebar?)

• Footer Options:
  There is footer area at bottom of each page. It contains two areas. The first footer area will show widgets and second area will show copyright text and other things. (Where is Footer area?)
  
  You can change Copyright text from this section. Also you can change other settings like background color text color etc.
  
  For footer widget area, just add widgets in Dashboard >> Appearance >> Widgets section. Just go to Widget Area section for more details about widgets in footer area.
  
  
• Social Links Options:
  You can set your social links here and show them at different areas with [themestek-social-links] shortcode. You can set Facebook, Twitter, LinkedIn, YouTube etc profile links from here and show them using this shortcode.
  
  
• Blog Options:
  You can set Blog view style here. You can also set other options like Social Share links (like share on Facebook, Twitter etc), limit post text, set Blog page Sidebar etc. The Blog page is the page which you set in Appearance >> Settings >> Reading >> Posts Page option.
  
  
• Portfolio Options:
  This section contains options related to Portfolio section. You can select view of Single Portfolio. Also other options like show or hide Related Portfolio, Portfolio view on "Portfolio Category" page, Sidebar view on Single Portfolio and Category view etc.
  
  Also you can change title (the "Portfolio" title), permalink (the "portfolio" word in URL) to anything that you want from here. So you can customize as per your requirement. This will change title globally.
  
  
• Service Options:
  This section contains options related to Service section. You can select view of Single Service. Also other options like show or hide Related Service, Service view on "Service Category" page, Sidebar view on Single Service and Category view etc.
  
  Also you can change title (the "Service" title), permalink (the "service" word in URL) to anything that you want from here. So you can customize as per your requirement. This will change title globally.
  
  
• Team Member Options:
  This section contains options related to Team Member section. You can select view of Single Team Member. Also other options like Team Member view on "Team Member Group" page, Sidebar view on Single Team Member and Group page view etc.
  
  Also you can change title (the "Team Member" title), permalink (the "team" word in URL) to anything that you want from here. So you can customize as per your requirement. This will change title globally.
  
  
• Testimonial Options:
  You can change title (the "Team Member" title), permalink (the "team" word in URL) to anything that you want from here. So you can customize as per your requirement. This will change title globally.
  
  
• Search Results Options:
  You can customize Search Results page sidebar from here. Also you can customize text for "No Results Found" message.
  
  
• Error 404 Options:
  You can edit the "Error 404" page from here. This is the page when user enters wrong text with your domain. Sometimes user tries to the page which is not found on your site. So this 404 error page will appear. You can customize text, background color, background image etc from here.
  
  
• CSS/JS Options:
  You can add your custom CSS or JS code from here. This change will be applied globally (will appear on all pages) so make sure you add correct code. This is for advanced users only.
  

You can select your slider for header area on any page. Just edit the page (generally your homepage) and select the slider. Please see the screenshot given below:

TIP:

We recommend you to hide Titlebar and also select "No Sidebar" (for full wide page) in sidebar option so it will look good and feel like homepage. See screenshot given below for steps:

Meta box are special options that will apply to current page or post only. So you can set special view of a page or post. See above image for the Metabox example.

Electrico - General Options

This metabox has three tabs.

1. Tab 1: Header Slider Options
   Select "No slider" to not show any slider. This is useful for all inner pages.
   
   
   
   Select "Revolution Slider" to select and show slider created in "Revolution Slider" plugin.
   
   
   
   Select "Custom Code for Slider" to select and show slider created in any other plugin. You just need shortcode for the slider so you can paste here.
   
   
   
   
   

   ---

   
   
2. Tab 2: Titlebar Options
   This is specially created section for Titlebar Options. This will be applied to the Titlebar only on the page or post that you are editing.
   
   
   
   

   ---

   
   
3. Tab 3: Background Options
   This is background options. This will be applied to the page or post that you are editing.

The Blog is core part of our Electrico theme. You can setup it very easily. Here are steps.

• To setup Blog, first you need to add some entries with photos and texts. Go to "Blog" section and click "Add New". Fill details as described in below screenshot:
  
  


• Create some more entries as described above.
• Now we need to create a new page to show our Blog. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
  


• You will see all Visual Composer elements. Click on PBM blog Box option:
  
  


• Now you will see options for the Team area. Just modify the option are your requirements and click on "Save" button to apply the changes:
  
  


• The Blog box is inserted. The box will look like this:
  
  


• That's it.

The Portfolio is core part of our Electrico theme. You can setup it very easily. Here are steps.

• To setup Portfolio, first you need to add some entries with photos and texts. Go to "Portfolio" section and click "Add New". Fill details as described in below screenshot:
  
  


• Create some more entries as described above.
• Now we need to create a new page to show our Portfolio. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
  


• You will see all Visual Composer elements. Click on PBM Portfolio Box option:
  
  


• Now you will see options for the Team area. Just modify the option are your requirements and click on "Save" button to apply the changes:
  
  


• The Portfolio box is inserted. The box will look like this:
  
  


• That's it.

The Service is core part of our Electrico theme. You can setup it very easily. Here are steps.

• To setup Service, first you need to add some entries with photos and texts. Go to "Service" section and click "Add New". Fill details as described in below screenshot:
  
  


• Create some more entries as described above.
• Now we need to create a new page to show our Service. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
  


• You will see all Visual Composer elements. Click on PBM Service Box option:
  
  


• Now you will see options for the Team area. Just modify the option are your requirements and click on "Save" button to apply the changes:
  
  


• The Service box is inserted. The box will look like this:
  
  


• That's it.

The Team Member is core part of our Electrico theme. You can setup it very easily. Here are steps.

• To setup Team Member, first you need to add some entries with photos and texts. Go to "Team Member" section and click "Add New". Fill details as described in below screenshot:
  
  


• Create some more entries as described above.
• Now we need to create a new page to show our Team Member. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
  


• You will see all Visual Composer elements. Click on PBM Team Member Box option:
  
  


• Now you will see options for the Team area. Just modify the option are your requirements and click on "Save" button to apply the changes:
  
  


• The Team Member box is inserted. The box will look like this:
  
  


• That's it.

The Testimonial is core part of our Electrico theme. You can setup it very easily. Here are steps.

• To setup Testimonial, first you need to add some entries with photos and texts. Go to "Testimonial" section and click "Add New". Fill details as described in below screenshot:
  
  


• Create some more entries as described above.
• Now we need to create a new page to show our Testimonial. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
  


• You will see all Visual Composer elements. Click on PBM Testimonial Box option:
  
  


• Now you will see options for the Team area. Just modify the option are your requirements and click on "Save" button to apply the changes:
  
  


• The Testimonial box is inserted. The box will look like this:
  
  


• That's it.

The Client Logo is core part of our Electrico theme. You can setup it very easily. Here are steps.

• To setup Client Logo, first you need to add some entries with photos and texts. Go to "Client Logo" section and click "Add New". Fill details as described in below screenshot:
  
  


• Create some more entries as described above.
• Now we need to create a new page to show our Client Logo. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
  


• You will see all Visual Composer elements. Click on PBM Client Logo Box option:
  
  


• Now you will see options for the Team area. Just modify the option are your requirements and click on "Save" button to apply the changes:
  
  


• The Client Logo box is inserted. The box will look like this:
  
  


• That's it.

There are some widgets created specially for Electrico theme. Here are the widgets:

• Electrico Category/Group List Widget:
  This will show Category List of current Taxonomy.
  
  
• Electrico Contact Widget:
  This will show contact with icons
  
  
• Electrico List All Posts:
  This will show all posts for current CPT.
  
  
• Electrico Recent Posts Widgets:
  This will show recent post with thumbnail
  
  

Electrico has some built-in Widget Positions to use. Here are details of each position:

• Left Sidebar For Blog: You can add Widgets that you want to display as Left sidebar for (only) Blog pages like Blogroll, Category, Tag, Archives etc pages.
  
  
• Right Sidebar For Blog: You can add Widgets that you want to display as Right sidebar for (only) Blog pages like Blogroll, Category, Tag, Archives etc pages.
  
  
• Left Sidebar For Pages: You can add Widgets that you want to display as Left sidebar for pages that you created using Pages section.
  
  
• Right Sidebar For Pages: You can add Widgets that you want to display as Right sidebar for pages that you created using Pages section.
  
  
• Left Sidebar For Portfolio: You can add Widgets that you want to display as Left sidebar for Portfolio page only.
  
  
• Right Sidebar For Portfolio: You can add Widgets that you want to display as right sidebar for Portfolio page only.
  
  
• Left Sidebar For Portfolio Category: This widget position is specially created for Portfolio Category page only. You can add Widgets that you want to display as Left sidebar for Portfolio Category page only.
  
  
• Right Sidebar For Portfolio Category: This widget position is specially created for Portfolio Category page only. You can add Widgets that you want to display as right sidebar for Portfolio Category page only.
  
  
• Left Sidebar For Service: You can add Widgets that you want to display as Left sidebar for Service page only.
  
  
• Right Sidebar For Service: You can add Widgets that you want to display as right sidebar for Service page only.
  
  
• Left Sidebar For Service Category: This widget position is specially created for Service Category page only. You can add Widgets that you want to display as Left sidebar for Service Category page only.
  
  
• Right Sidebar For Service Category: This widget position is specially created for Service Category page only. You can add Widgets that you want to display as right sidebar for Service Category page only.
  
  
• Left Sidebar For Team: This widget position is specially created for Team page only.You can add Widgets that you want to display as Left Sidebar For Team page only
  
  
• Right Sidebar For Team: This widget position is specially created for Team page only.You can add Widgets that you want to display as Right Sidebar For Team page only
  
  
• Left Sidebar For Team Group page: This widget position is specially created for Team Group page only.You can add Widgets that you want to display as Left Sidebar For Team Group page only
  
  
• Right Sidebar For Team Group page: This widget position is specially created for Teams Group page only.You can add Widgets that you want to display as Right Sidebar For Team Group page only
  
  
• Left Sidebar For Search: You can add Widgets that you want to display as Left sidebar for Search Results page only.
  
  
• Right Sidebar For Search: You can add Widgets that you want to display as Right sidebar for Search Results page only.
  
  

Footer Widgets

Electrico comes with special widget positions for footer area. Footer has TWO rows widget position with four widget columns in each:

1. Footer First ROW (for widgets)
2. Footer Second ROW (for widgets)

1. First Row Widget Area:

• Footer 1st Row - 1st Column Area: This Widget Position will be shown in first footer area as first widget position.
  
  
• Footer 1st Row - 2nd Column Area: This Widget Position will be shown in first footer area as second widget position.
  
  
• Footer 1st Row - 3rd Column Area: This Widget Position will be shown in first footer area as third widget position.
  
  
• Footer 1st Row - 4th Column Area: This Widget Position will be shown in first footer area as fourth widget position.
  
  

Also you can also change the column view of the Footer widgets. Just go to Admin > Electrico Options > Footer Settings section and change the "Select Footer Column layout View" option:

2. Second Row Widget Area:

• Footer 2nd Row - 1st Column Area: This Widget Position will be shown in second footer area as first widget position.
  
  
• Footer 2nd Row - 2nd Column Area: This Widget Position will be shown in second footer area as second widget position.
  
  
• Footer 2nd Row - 3rd Column Area: This Widget Position will be shown in second footer area as third widget position.
  
  
• Footer 2nd Row - 4th Column Area: This Widget Position will be shown in second footer area as fourth widget position.
  
  

Also you can also change the column view of the Footer widgets. Just go to Admin > Electrico Options > Footer Settings section and change the "Select Footer Column layout View" option:

Page Sidebar

You can set sidebar for page from Electrico Options >> General Options section. There are three options:

• Left Sidebar
• Right Sidebar
• No Sidebar

Post Sidebar

You can set sidebar for single post and category from Electrico Options >> Blog Options section. There are three options:

• Left Sidebar
• Right Sidebar
• No Sidebar

Portfolio Sidebar

You can set sidebar for single Portfolio and Portfolio category from Electrico Options >> Portfolio Options section. There are three options:

• Left Sidebar
• Right Sidebar
• No Sidebar

Service Sidebar

You can set sidebar for single service and service category from Electrico Options >> Service Options section. There are three options:

• Left Sidebar
• Right Sidebar
• No Sidebar

Team Member Sidebar

You can set sidebar for single team member and team category from Electrico Options >> Team Member Options section. There are three options:

• Left Sidebar
• Right Sidebar
• No Sidebar

[themestek-social-links]

This shortcode specially created to show social links. You can set social links in Electrico Options >> Social Links Section and write your social links. Than it can be shown using [themestek-social-links] shortcode.

Our themes are optimized by with H1, H2, H3, H4, H5 tags, clean code, HTML5 but if you want to get higher ranking on Electrico engines, you must need some help from SEO plugins and Google Pagespeed Service:

• Yoast SEO plugin
• Google Pagespeed Service
• Smush.it ( Optimizing Images )
• SEO Friendly Images ( SEO Images )

To update theme, you should use "Envato Market" plugin as it will update theme in just one click. Just see Installing Theme section to get how to setup Envato Market plugin. Just configure it once and it will show theme update. Than you can update theme in just one click.

Within this section, you’ll find everything you need to localize and internationalize the Electrico theme into your language. It is split into several subsections to help you easily find what you need. There are different ways for this:

• Translate using "Loco Translate" plugin (recommended)
• Translate using POEdit Software

Translate using "Loco Translate" plugin

1. First you need to install "Loco Translate" plugin. So just go to Plugins > Add New section and search for "Loco Translate" plugin.

2. Install and activate the plugin.

3. Now go to Loco Translate section and click on Electrico theme.

4. Click on the New Language link.

5. Now select the new language. Also make sure you select the last option (the languages/themes/file.po option) so it will store file in "wp-content" folder.

6. Now it's ready to translate all texts. Just select the text which you want to translate and than write the translated text.

7. When finished, just click on Save button to save changes

Translate using POEdit Software

1. Create Translation File

Inside the Electrico main theme folder, you will find a folder called languages. There is a file called Electrico.pot in this folder. This file can be used as a starting point to create your own translations, using e.g. a third party tool like POEdit.

Open the Electrico.pot in POEdit by selecting "New from POT/PO file...".

Once it has loaded, you will find all English text strings in the left column called Source Text. Once you add translations, they will show up in the right column under Translation.

2. Save Translation File

When you are done translating all the needed text strings into your desired language, save the file in /wp-content/languages/themes/ folder with language code in name. For example, if you were translating to the Deutsch language, you would save it as Electrico-de_DE.po. The corresponding Electrico-de_DE.mo file will be auto created by POEdit software.

Now upload both Electrico-de_DE.po and Electrico-de_DE.mo file on your server in /wp-content/languages/themes/ folder. If you are not sure for your language code than click here to get list of code for each language.

Overview

WPML (The WordPress Multilingual Plugin) is one of the most popular translation plugins on the market. With WPML you can translate pages, posts, custom types, taxonomy, menus and even the theme's texts. We work directly with the WPML team to guarantee 100% compatibility between Electrico and the WPML plugin.

Requirements

To get started with Electrico and WPML, you will need:

• Latest version of Electrico theme
• Latest version of WPML plugin

Please install this plugins:

• WPML Multilingual CMS
• WPML String Translation
• WPML Translation Management

NOTE: You must have WPML subscription to download all plugins.

 Please click here for more detailed information about all WPML plugins

Initial Setup

• Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management), and then other WPML plugins that may depend on them.
  
  
• Set up WPML from WPML->Languages. See WPML Getting Started Guide for complete reference, but the initial simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector.
  
  

Translating Pages, Posts and other Post Types

You can translate any types of contents on your site, including pages and posts. To translate a page you need to go to Pages menu and in the list you will see columns for each active language, with a pencil icon (for ‘edit translation’) or a ‘+’ icon (for ‘add translation’) next to each page.

 Read more on WPML site directly

Translating Customizer Options (Electrico Options)

The Electrico Options can be translated from "String Translation" section in WPML plugin.

 Know how to translate Electrico Options using "String Translation"

Translating Meta Boxes

WPML lets you translate all content, including content coming from custom fields.

 Know how to translate Meta Boxes

Translating Custom post types and taxonomies

Electrico comes with extra custom post types such as Portfolio and Testimonials, and custom taxonomies. In order to get a similar interface for translation/duplication as for posts and pages, you need to go to WPML > Translation Management, and select the tab Multilingual Content Setup.

 Click here to see how to translate it.

Translating Menus

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in sync menus for other languages pointing to the translated versions of these pages, posts or categories.

Go to Appearance > Menus and you can see your existing menus. Here you can add menu translations and synchronize menus across translations.

 Read this for more details

Language switcher in Header

To show the language switcher in the Menu go to WPML → Languages → Language switcher in the WP Menu and select menu that is your Main menu. See more details here.

Currently there are no FAQ. We will update this section in future.