Professional Documents
Culture Documents
By Rocknrolla Designs
Firstly, a huge thanks for purchasing this theme, your support is truly
appreciated!
This document covers the installation and use of this theme and often reveals answers
to common problems and issues - I encourage you to read this document thoroughly if
you are experiencing any difficulties. If you have any questions that are beyond the
scope of this document, feel free to pose them in the dedicated support forum.
Page 1 of 24
1.Getting Started
1.1Installation
1.2.1 Permalinks
10
11
1.7Home Variations
11
11
12
12
13
14
15
16
16
1.8.2Adding Images
16
1.8.3Adding Video
16
Page 2 of 24
17
2.Theme Options
17
2.1General Options
18
2.2Home Settings
18
2.3Menu Settings
18
19
2.5Contact Settings
19
2.6Footer Settings
19
2.7Blog Settings
19
19
2.9 Typography
20
20
20
20
20
20
21
21
22
3.2Shortcodes
22
3.2.1Column Shortcodes
22
Page 3 of 24
1.Getting Started
To install this theme you must have a working version of WordPress already installed.
For information in regard to installing the WordPress platform, please see the
WordPress Codex - http://codex.wordpress.org/Installing_WordPress
1.1Installation
To install the theme, first download the themeforest files and unzip it. Inside the
extracted folder, you will find a folder by name upload. Open that folder and use the
file jarvis_wp.zip to install in the wordpress.
When you are ready to install a theme, you must first upload the theme files and then
activate the theme itself. The theme files can be uploaded in two ways:
FTP Upload: Using your FTP program, upload the non-zipped theme folder into
the /wp-content/themes/folder on your server.
WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go
to browse, and select the zipped theme folder. Hit Install Now and the theme
will be uploaded and installed.
Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and
activate your chosen theme.
Caution: You may experience Site Load problems if you dont configure the above
settings.
Page 4 of 24
Page 5 of 24
If you havent applied these settings above, your frontpage sections will not be
displayed.
1.4.2 Setting up Blog:
To set up the blog, you must create a new page, you can do so by navigating to Pages >
Add New. You can give this page a title of blog yet you do not have to include any
content. Click Publish.
Once you have created your new page, Goto Settings->Reading. Select A static page
and assign the blog for Posts Page:
Your blog index is now created and can be viewed by visiting the page you just
published.
One Front Page is set, you need to create all the required pages and create a menu in
Appearance > Menus and assign it to primary navigation menu at the bottom and
save it. This will create you onepage theme perfectly.
Page 6 of 24
To create a Home Section, create a new page, you can do so by navigating to Pages >
Add New. You can give this page a title you do not have to include any content. Under
the page attributes section the page template must be set to "Default Template" and
Under the "Page Settings" metabox, Select "Assign Current page as" as "Home
Section". Next, Set a featured image. Featured will be taken as the background image for
your parallax section. Now click on "Publish".
Your Home Section is now created, next you need to configure the home section with
content. We've included many Home variations. You can refer to 1.7 on how to
customize the home sections.
The settings must be as follows:
Note:
1. There should be only one Home Section and it should be placed as the first
section in the Primary NavigatiMenu.
2. Check 1.8 Home Section Variation on how to customize your Home Section
to Revolution Slider or Full Screen Slider or Background Video or Any other
variations.
1.5.2 Creating Normal Section
To create a Normal Sections, create a new page, you can do so by navigating to Pages >
Add New. You can give this page a title you do not have to include any content. Under
the "Page Settings" metabox, Do not select anything for "Assign Current page as" and
click Publish. Your settings should be as follows:
Page 7 of 24
Your section is now created. Normal sections comes with White background and Dark
Background. If you want to customize this, goto Theme Options->General settings and
check Enable Dark skin for the theme.
1.5.3 Creating Parallax Section
To create a Parallax Sections, create a new page, you can do so by navigating to Pages >
Add New. You can give this page a title you do not have to include any content. Under
the "Page Settings" metabox, Select "Parallax Section" for "Assign Current page as".
Your settings should be as follows:
Next, Set a featured image. Featured will be taken as the background image for your
parallax section. Now click on "Publish".
1.5.4 Creating Portfolio Section
To create a Portfolio Section, create a new page, you can do so by navigating to Pages >
Add New. You can give this page a title you do not have to include any content. Under
Page 8 of 24
the "Page Settings" metabox, Select "Assign Current page as Portfolio Section" and click
Publish. Your section is now created.
Before creating a Portfolio section, make sure you've added Portfolio items via Custom
Post type. More info on how to add Portfolio items refer to 1.8
You can customize the portfolio settings in Theme Options:
Page 9 of 24
To create a Contact Section, create a new page, you can do so by navigating to Pages >
Add New. You can give this page a title you do not have to include any content. Under
the "Page Settings" metabox, Select "Assign Current page as Contact Section" and click
Publish. Your section is now created.
Before creating a Contact section, make sure you've customized the Contact settings
inside the Theme Options.
Page 10 of 24
To create a Separate pages, create a new page, you can do so by navigating to Pages >
Add New. You can give this page a title you do not have to include any content. Under
the "Page Settings" metabox, check the "Open as Separate page" and Do not select
anything for "Assign Current page as" and click Publish. Your page is now created.
Note: Parallax Sections, Contact Section, Portfolio Section doesn't support separate
pages. You can only have normal content in Separate pages.
2) All the pages which you have unchecked the "Open as Separate pages" as considered
as "Front page" sections which can be included and ordered via Appearance->Menus
Now goto Homepage you've created. Click on Edit Page. Now use the Shortcode, Home
Variations-> Home Quote or Home Circular Quote.
Page 12 of 24
Copy that and paste it in home page and save it. Go to theme options and select boxed content for
home settings and save it.
Your subscribe form is ready. If you want to use it in any of the parallax section, use the same
shortcode in the content box of parallax pages.
The homepage features a Full screen slider into which you can insert your own content.
Navigate to Appearance > Theme Options > Home Settings and select "Home Layout
Type as Full Screen" and Home Section Content Type as Full Screen Slider. You can
add new slides to the slider from HOME FULL SCREEN SLIDER OPTIONS and upload
an image from your computer. You can choose to set description and a link URL for each
slide or leave blank to show the image without a description or link. Repeat this process
until you have created all of your slides and click Save all Changes.
Page 14 of 24
Next, navigate to Appearance > Theme Options > Home Settings and select "Home
Layout Type as Regular" and Home Section Content Type as Revolution Slider. Your
Settings should appear as below:
Now, goto Home section page, Select your Revolution Slider you've created in the
metabox and Publish the page.
Page 15 of 24
To use Background Video, navigate to Appearance > Theme Options > Home Settings
and select Home Section Type as Video. Now Select the video type you want. For
either youtube video or vimeo, when you view the video, copy Link from the address
link and paste it in the ield given in theme options
Ex: http://www.youtube.com/watch?v=ASO_zypdnsQ
Page 16 of 24
1.8.3Adding Video
Each portfolio item can display either a self hosted video or video embedded from
YouTube or Vimeo. Look for Project Video metabox, to add a video from either Vimeo or
YouTube, select video type then, simply copy and paste the ID of the video under "Video
URL" textarea box. You do not need to use the embed code or the page URL, just the
video ID.
Page 17 of 24
To add the client details, project link and other details. Scroll for "Project Details"
metabox and fill up the details.
Note: It is important to note that in order for the filtering functionality to work
correctly, you must assign atleast one category to each portfolio item.
2)Theme Options
The theme comes packed with features that control the layout and extend the
functionality of WordPress. This section will document those features and how to use
them successfully.
The theme comes with a simple to use administration panel. You can access it by
navigating to Appearance > Theme Options. The theme options are conveniently spread
over a number of tabs and each tab contains the options that pertain to a particular area
of the theme.
2.1General Settings
As the label suggests, these general options allow you to configure your site setup.
Accent Color, Logo and Favicon Options, Custom CSS, Google Analytics or Custom JS are
handled here. You can also customize the Light/Dark skin by checking the box.
2.2Home Settings
Jarvis comes with many Home variations. These variations can be handled or
customized by modifying the options under Home settings.
Page 18 of 24
You can set Home type to Fullscreen, Regular, or Regular with Padding. You can enable
or disable the Home Logo.
2.3 Menu Settings
The Navigation menu can be customized with navigation link color, the link hover color,
your navigation type and it's styling and the positioning.
Page 19 of 24
2.5Contact Settings
Here you can set all the details which are to be included inside the contact section of the
page.
2. 6 Footer Settings
Here you can set all the details which are to be included inside the footer section of the
page.
2.7Blog Settings
Here you can set all the options related to the blog, blog-single, and archive pages.
Styling of the blog single and archive pages are also included in this section.
2. 8 Twitter Settings
To make the twitter shortcode work inside the parallax sections. You need to configure
the Twitter API keys here.
2. 9Typography
Here you can set your Typography options for the website. Title settings are same as the
H1 heading settings.
Page 20 of 24
To disable the page titles border design, check the "Keep a classic section title".
"Section subtitle font" customizes the typography styling for subtitles of sections.
2. 10 Social Sharing
Provide the links for the social platform for which you want to be appeared in the
Footer
2. 11Backup Options
This theme also allows you to backup your theme options data and you know its always
good to make a backup before you make any big changes.
Page 21 of 24
This widget allows you to configure and display Flickr photos from a users
photostream.
Flickr ID: The Flickr ID of the group or users photos you wish to display. You
can find out your Flickr ID at idGettr.com
Consumer Key, Consumer Secret Key, Access Token Key, Access Token
Secret Key: These keys are found in the app you've created.
Twitter ID: The username of the users tweets you wish to display e.g. envato
Page 22 of 24
3.2Shortcodes
The theme comes pre-packed with a number of shortcodes allowing you to add styled
content to your site with little effort. Conveniently, the available shortcodes have been
included in a one-click menu. When creating a page or post, click the black R icon in
the tinymce editor to reveal a list of shortcodes. Choose the functionality you wish to
include and click on it.
The content for some shortcodes can be split into multiple columns. For example, the
option One Half from the shortcode panel will insert the necessary code to split the
content into two. Now you can add shortcodes like Team Member, Tabs, Testimonials,
etc.
Important: You must end each set of columns with a last option such as One Half
Last.
[one_half] Insert you content here [/one_half]
[one_half_last] Insert you content here [/one_half_last]
Use the wide range of the features and elements available with the theme to make your
site more creative and appealing. :)
Page 23 of 24
Page 24 of 24