Getting Started

Theme Installation

In this detailed documentation you'll learn how to install your Torola theme and properly set it up.

Theme Customization

Torola features Customization Options making it easy for you to build your website more freely and in an original way.

Theme Installation (requirements, installation, activation)

When you hit download for your copy of Torola Theme on ThemeForest, you'll be prompted with two options (you can either download the Installable WordPress file only if you wish to upload it into you WordPress dashboard, or use the Full version All files & documentation and upload the directory manually from your FTP client).

Inside the archived .zip you'll find the following folder structure:

• Tolora-Child - This is the child-theme, you can use it to make your customizations on, this way in case a new version of the theme is released you won't loose any modifications you've made upon theme update.

• Torola - The main theme directory.

• Demo Content - The content data that's present on our livedemo version of the theme.

• Documentation - The directory that contains this documentation you're reading now.

• Licensing - Torola theme license.

As mentioned above, you have two ways of installing Torola, one is to Manually uploadthe theme directory through FTP and the other one is to upload your theme directly through WordPress Dashboard.

Requirements

Before installing Torola theme make sure you have the following requirements:

Increase the memory limit

Edit your wp-config.php file and search for this line, the default value should be 32M or 64M, raise it if needed:

Note:Please note that WordPress memory can be different to the server - you need to set this regardless of server memory settings.

If you have access to your PHP.ini file, change the line in PHP.ini If your line shows 32M try 64M:

If you don't have access to PHP.ini try adding this to an .htaccess file:

If none of the above works then talk with your hosting provider and let him know about your problem.

Increase the Maximum File Upload Size

There are 3 methods you can use to change your Maximum File Upload Size (functions.php files inside your theme, .htaccess file, and PHP.ini)

• 1: Theme Functions File

  There are cases where we have seen that just by adding the following code in theme’s functions.php file, you can increase the upload size:

• 2. Create or Edit an existing PHP.INI file

  For this method you will need to access your WordPress site’s root folder by using FTP or File Manager app in your hosting account’s cPanel dashboard.

  In most cases if you are on a shared host, then you will not see a php.ini file in your directory. If you do not see one, then create a file called php.ini and upload it in the root folder. In that file add the following code:

  This method is reported to work for many users. Remember if 64 doesn’t work, then try 10MB (sometimes that work).

• 3. htaccess Method

  Some people have tried using the .htaccess method where by modifying the .htaccess file in the root directory, you can increase the maximum upload size in WordPress. Edit the .htaccess file in your WordPress site’s root folder and add the following code:

  Again, it is important that we emphasize that if you are on a shared hosting package, then these techniques may not work. In that case, you would have to contact your web hosting provider to increase the limit for you.

Maximum Execution Time Exceeded

Editing .htaccess File Manually

Simply connect to your website using an FTP client.

Your .htaccess file is located in the same folder as your /wp-content/ and /wp-admin/ folders. If you can’t find it, then look at our article on why you can’t find the .htaccess file and how to find it.

Next, add this line to your .htaccess file:

This code simply sets the value for maximum execution time to 300 seconds (5 minutes). If you still get the error, then try increasing the value to 600 seconds.

Installing Torola

Torola can be installed two different ways:

• Installing through WordPress
• Installing through FTP (File Transfer Protocol) - Manually uploading the unzipped theme into themes directory

Installing Torola through WordPress dashboard

Installing a theme through WordPress is quite a simple process. After you have logged into WordPress account and are ready to go, in the admin panels sidebar navigate to Appearance and then select Themes. After that, click on the install themes tab and select upload from the navigation bar right below it. Click "choose file" button and locate your theme zip file (Torola.zip) then hit install now. After Torola has been installed locate and click activate.

Please be informed that you should not upload the whole item you have downloaded from Themeforest, just the "Installable WordPress file only" as you will get an error of broken stylesheet file. Instead locate the Torola.zip file inside the main file you have downloaded.

NOTE!While installing your theme through wordpress admin, you may encounter an error message saying "Are sure you want to do this?". This is mainly due to your hosting php settings. Torola theme zip file is roughly around 6mb and in some hostings the default value for max_upload_limit left default which is 2mb. To solve this problem you should either increase your maximum upload size (to 10mb) on your hosting admin panel or ask your host to do it for you if you do not have the privilege to alter your server php settings. This is a very common request and they should be able to help you out. Once the limit is increased you can re-try the install and you'll be all good to go.

Installing Torola through FTP (File Transfer Protocol)

Download the Theme archive and extract the main theme zip file that contains Torola.zip

You may need to preserve the directory structure in the archive when extracting these files. Some softwares like WinRAR or WinZIP create a sub directory with the same directory name they have unzipped. Uploading the theme to your server via FTP with this structure is WRONG and you will face some errors.

Use an FTP client (for example WinSCP, FileZilla) to access your host web server.

Transfer your unzipped theme to your server in the wp-content/themes directory.

Once the theme is uploaded, you will need to activate it. Go to Appearance > Themes and activate your uploaded theme.

Theme Update (Through Dashboard or FTP)

There are 2 methods to update our WordPress Themes to a newer version. These new updates are essential if you want to have a bugfree website as we give new features and improvements to the theme over time, some of these updates might be needed in order to make the theme compatible with WordPress newer versions. There is no risk on losing your settings and pages. However if you had done modifictations on theme files, then they will be lost.

Update Through Wordpress Admin Panel

• Step 1: For this method you should first install THEME UPGRADE TOOL
• Step 2: Unzip the file you just downloaded from ThemeForest and locate the WordPress Theme (eg. Torola.zip)
• Step 3: Log into your WordPress Dashboard
• Step 4: Click on "Appearance > Themes".
• Step 5: Still within the Themes section, on header tab, click on "Install Themes", then on header second tab click "Upload"
• Step 6: Click "Browse..." and locate the new theme file. (eg. Torola.zip)
• Step 7: In the "Upgrade existing theme?" option choose "Yes" from the dropdown list.
• Step 8: Click "Install Now".
• Step 9: Click "Activate"

Update Through FTP (File Transfer Protocol)

• Step 1: Login into your Themeforest account and go to downloads (Dashboad > Downloads)
• Step 2:Download the theme into your computer
• Step 3:Install an FTP program (Filezilla or WinSCP)
• Step 4:Retrieve your FTP login information from your hosting control panel and login into FTP
• Step 5:Unzip the item main file
• Step 6:Locate Torola.zip and unzip it. Make sure your unzipping software doesn't create an extra directory with the same name nested into each other
• Step 7:Drag and Drop theme main folder into your FTP program with the destination : "YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/"
• Step 8:FTP program will give a warning that there is an existing directory with the same name, choose to replace all
• Step 9:It will take a few minutes to replace all the files, so be patient and let it do its job

Importing Demo Content

To make it easier for the entry level user who has no knowledge of WordPress or is at a basic level of understanding on how WordPress works, we've added a OneClick Demo Importer which basically imports the demo data that's present on our theme presentation website and installs it on the customers website, and all of that is one click away.

Bellow is a step by step explanation on how to import our demo website content, please read carefully and if you face any problems that is not covered here, open a thread in our ticket system.

NOTE! Before importing the Demo Content make sure you've installed all of the required theme plugins, otherwise the Theme Options (Redux Framework) will not show up, therefore you won't be able to import your demo data.

Installing the required plugins and importing the demo content

Step 1: Login into your WordPress Admin Dashboard section (http://www.your-web-site.com/wp-admin)

Step 2: Go to Appearance > Themes > Upload > Torola.zip and activate the theme.

Step 3: Begin installing the required plugins, and activate them.

Step 4: Go to Appearance > Theme Options > Demo Importer and hit "Import" after you've pressed import please wait a few seconds to have the demo installation completed. Important! Please don't navigate away while the installation is being performed!

NOTE!It is best that you install the Demo Content on a fresh and clean database, that's because our One Click Demo Importer imports all the content, images/content even sets up the menu and frontpage of your website.

Step 5: Done! You should now have the dummy/demo content similar from the Live Preview of the theme.

Theme Options

Torola Theme comes with Redux Framework, this means lots of customization for you and your project, all being at a push of a button.

Redux is a simple, truly extensible and fully responsive options framework for WordPress themes and plugins. Built on the WordPress Settings API, Redux supports a multitude of field types as well as: custom error handling, custom fields & validation types, and import/export functionality.

With our Theme Options you can choose how your page will be displayed, the fonts that will be used, even the colors for individual elements:

GENERAL SETTINGS

With our Theme Options you can choose how your page will be displayed, the fonts that will be used, even the colors for individual elements:

Also, here you can find customizable JS (javascript), where you can fill in your desired js code, add your js snippets and enjoy your newly created custom work.

PRELOADER SETTINGS

You can ENABLE/DISABLE the preloader for your website with one click.

The preloader is used to mask the loading of your items while your website fully loads, so the user that brows your website won't have to wait and see the loading process of your website

This is used for Photography / Portfolio website when you have lots of images and are all loaded at once

BLOG SETTING

As most things in this theme, almost everything is customizable and the blog is no exception. Create your blog in a unique way.

Customize the appearance of the blog, have it be displayed Fullwidth, Classic, Masonry, Boxed or with Sidebar, the choice is yours

BLOG SINGLE SETTINGS

Not only you can customize the entire Blog layout but you can also customize the Single Post layout.

You have the liberty to create your own layout for the Single Post using both Theme Options and also WPBakery Page Builder inside each one of your posts

PORTFOLIO SETTINGS

Customize the look of your Portfolio page so that it matches your desired outcome.

Create your own custom slug for your Portfolio so it becomes more recognizable by the search engines

FOOTER SETTINGS

Add some personality to your footer. Add your social profiles so everybody that brows your website could share the experience with their friends.

Have your own mark, add your own Copyright to the footer section to make it more personal

404 PAGE

Everyone gets lost one way or another browsing through a website, however you can make even your 404 Not Found page look good and enjoyable.

Customize it with your own content so that it displays your personality.

DEMO IMPORT

Well, here we are, at the most exciting feature of them all, the demo import option.

Torola as you know comes with a OneClick Demo Import option, which does exactly what it sound, imports the dummy content that's present on our presentation page (our live demo) and imports it to your website with one simple click. Pretty cool right?

Well it should be, since it eases up your work significantly and makes you better understand how the theme works, without having to strugle to get the hang of it.

IMPORT / EXPORT

You may ask yourself, what is this? Didn't we've just present you the OneClick Demo Import? So what's the point in having two Importers?

Well, here's the funny thing, this is not an importer nor exporter for the demo content. This is used to import or export Redux Framework settings.

Did you notice that above we've presented all of these fancy options including the Custom CSS and Custom JavaScript fields? Yeah, you got that right, this import/export option is to export your Redux Framework settings and options to another installation where you're using the same theme, without having to manually replicate all of the changes you've made on your previous installation.

Settings / Reading

For your content to be displayed properly you will need to setup your Homepage and Posts Page (which is the Blog).

This is done by navigating to Settings/Reading in your WordPress admin dashboard, here you can also set the number of posts that are displayed in the Blog area, and the visibility of your page on search engines such as Google, Bing and any other engines.

WPBakery Page Builder

WPBakery Page Builder is #1 Premium WordPress Drag & Drop Page Builder that allows you to take full control over your website. You can build any layout you can imagine without any programming knowledge.

Torola Theme uses Visual Composer rows, columns and blocks, this way you can easily add or edit your content as you please without much to worry about.

To learn more about Visual Composer visit the link bellow:

WPBakery Page Builder for WordPress

You can also lookup Visual Composer's official Video Tutorials here:

WPBakery Page Builder Video Tutorials

Build Pages using WPBakery Page Builder

With this powerfull Premium Tool integrated with our design, you can build pages as you please, the only limit is your imagination.

Rows and Columns

With rows and columns you can arrange the content on your website in order to achieve the layout of the page you've wanted.

Custom Blocks / Elements

Torola Theme comes with custom blocks / elements, giving you even more opportunities to achieve the design you've always dreamed of.

The theme has more 35+ custom elements making it very customizable and user friendly. Each one of the element is customizable and all its options are very well explained.

Custom Posts

Portfolio Custom Post

Custom posts are used to make your job easier, you can create your portfolio items/projects as fast and easy as it can be.

You can have content like in your custom post like in any other page, WPBakery Page Builder elements can be used in the custom posts as well. The way the custom posts are designed will make your project selection easier since they use project ID's which can be included in your Portfolio element that you have in your normal pages

For example, let's say you have 10 projects (custom posts) but you only want to display 5 of them into our Portfolio page, you can use the project IDs (each project has its own unique ID) to include or exclude them from your Portfolio. These IDs are added into the Portfolio element in your page. You can also include or exclude Portfolio items by their categories, meaning you can include or exclude an entire category without having to input all those items IDs one by one.

Posts Format

Standard Posts Formats support: Video/Image/Quote/Audio/Gallery

Torola Theme supports standard posts formats such as Image, Video, Gallery and more.

You can use those formats if you need some extra formats besides the ones that come with our theme (our custom posts).

Bellow you can find the entire list of posts format along with their description.

Elements

Portfolio

Torola Theme has a custom portfolio shortcode in which you can select for a variety of settings from number of columns, grids, to types. This gives you the liberty to create your unique Portfolio Layout that reflects your personality.

The Portfolio element comes in many different variants, we've decided to split them into different Portfolio elements so that you won't get confused on which type of layout to choose and so on. Now you simply choose the Portfolio element you want, and adjust it using its options and that's it, you're good to go.

Down bellow you can find all the Portfolio elements that are available in this theme.

Full Page Portfolio Slider

Full Page Portfolio Kenburns Slider

Grid Portfolio

Horizontal Portfolio

Hover List Portfolio

Masonry Cards Portfolio

Parallax Portfolio

Split Portfolio

Video Thumbnails Portfolio

Blog - Details and Usage

Blog Settings in Theme Options

Show date info box: Shows or hides the post author in blog page.

Blog layout: Choose the layout of the Blog (Fullwidth or Boxed).

So setup a Blog Page the only thing you need to do is create a blank page with the name you want, for example "BLOG" and asign the created page as "Posts Page" in WordPress Admin Dashboard Settings / Reading. [ Check out Settings/Reading section in this documentation! ].

Contact Form

The theme uses Contact Form 7 plugin that comes bundled with the theme and will be required upon theme activation.

Torola Theme comes with a couple of customized Contact Forms with custom markups, and for that you will need to use our premade markup which you will find bellow.

We've decided to make it easier for you and we've pasted the Contact Form 7 basic documentation in here.

Contact Form 7 provides several types of form tags for representing these two types of HTML elements: text field (text and text*); email field (email and email*); telephone number field (tel and tel*); URL field (url and url*); and textarea (textarea and textarea*). In this article, we will show you detailed information about the usage and semantics of these form tags.

Text field

Both text and text* are used for single-line input and accept any form of text. The difference between them is that text* connotes a required field. In Contact Form 7’s convention, all types of tags with an asterisk ‘*’ mean that these are required fields.

These fields can have a zero or one value, and the value will be used as the default value of the input field.

Example:

Email field

Both email and email* are for single-line input and accept only e-mail addresses. email* is a required field.

These fields can have a zero or one value, and the value will be used as the default value of the input field.

Example:

Textarea

Both textarea and textarea* are for a multi-line input and accept any form of text. textarea* is a required field.

These fields can have zero or one value, and the value will be used as the default value of the input field.

Example:

In addition to this, below is another way to set the default value:

In this manner, you can set a mutli-line default value.

Please note that this is only a small guide and not the full documentation. We've only covered the basic features of the Contact Form 7, the ones that are present in our theme. For the full documentation please visit their official website and check out the entire documentation present there.

Bellow you can find our Contact Form 7 which you can simply paste in the Contact Form 7 plugin (forms section).

Google Map

API Key is required. To get an API key follow this link.

Paste the generated API key in your Theme Options (Dashboard/Appearance/Theme Options/General), you'll find an Google Maps API key field, simply input your generated key there and your google maps should work.

NOTE! Your Google Maps will not work unless you have an API key, so make sure you generated and add one.

Credits

Thanks to all of those who helped us with resources for our beautiful theme!

Images

BigStock | © 2004-2018 Bigstock® | bigstockphoto.com

BigStock | © 2018 iStockphoto LP | istockphoto.com

Scripts

jQuery Foundation | jQuery v3.1.1 | (c) jQuery Foundation | jquery.org/license

Retina.js | Retina.js v1.3.0 | Copyright 2014 Imulus, LLC | imulus.github.io/retinajs

jQuery Mousewheel | jQuery Mousewheel 3.1.13 | Copyright 2015 jQuery Foundation and other contributors | jquery.org/license

jQuery Easing | jQuery Easing v1.3.2 | Copyright © 2008 George McGinley Smith | gsgd.co.uk/sandbox/jquery/easing

imagesLoaded Packed | imagesLoaded PACKAGED v3.1.8 | Copyright © David DeSandro | imagesloaded.desandro.com

Plyr.js | plyr.js v2.0.17 | Copyright © Plyr | plyr.io

Swiper | Swiper 4.0.7 | Copyright 2014-2017 Vladimir Kharlampidi | idangero.us/swiper

jQuery collagePlus | jQuery collagePlus Plugin v0.3.3 | Copyright ed-lea | github.com/ed-lea/jquery-collagePlus

Third Party Plugins

WPBakery Page Builder #1 Rated WordPress Page Builder | © 2018 WPBakery Inc. | wpbakery.com

Redux Framework Options framework for WordPress themes and plugins. | © Copyright Redux Framework | reduxframework.com

Contact Form 7 Contact Form 7 is the most used Contact Form plugin in WordPress | © Rock Lobster, LLC | contactform7.com