FairPixels

Vaga Theme Documentation

This document covers the installation and use of this theme.

Thank you for purchasing my theme, I truly appreciate it! If you have any questions that are beyond the scope of this help file, please feel free to send me your questions by email, I'm always happy to help.

Contact Form

Installation How to Install the theme

1. Install Theme

To install this theme you must have a working version of WordPress already installed. This installation guide will help you to install the WordPress.

The theme files can be uploaded in two ways: Through FTP or through WordPress dashboard.

Make sure that you are uploading the correct file.

Upload Through FTP Program:

Using your FTP program, upload the non-zipped theme folder fp_vaga into the /wp-content/themes/ folder on your server. Once the theme is uploaded, navigate to Appearance → Themes and activate the theme.

Upload Through WordPress:

  1. Navigate to Appearance → Add New Themes → Upload.
  2. Go to browse, and select the zipped theme folder fp_vaga.zip. Hit Install Now and the theme will be uploaded and installed.
  3. Activate the theme

2. Setup Homepage

The theme comes with multiple templates suitable for the homepage. You can select any template from the page tempaltes list.

2.1. Create Page

  1. Go to Pages → Add New and create a new page.
  2. Enter Page title, select the Homepage page template and Save Draft. If you want to create more than 1 homepage, you can create extra pages using Homepage 2 and Homepage 3 templates.
  3. After you have saved draft, homepage options will appear below the page editor. Set the options and Publish page.

Heads up! As you can see above there are multiple Templates for Homepage. You can use any of them to create a homepage. Purpose of adding multiple homepage templates is that you can create more than one featured page if you want to.

After you have saved draft, following options will appear below the text editor. You can configure the Slider, Top Featured Sections and Blog section settings for the homepage. After you have configured these settings, you can publish the page.

2.2. Set as Homepage

After you have created the page, set it homepage from WordPress settings.

  1. Go to Settings → Reading
  2. Select Front page displays → A static page (select below)
  3. From the dropdown list, select the page which you created

2.3. Select Widgets for Homepage

After you have created the page, you can add the content widgets in the content area. For example featrured categories etc.

Go to Appearance → Widgets. There you will find Homepage, Homepage 2 and Homepage 3 sidebars. Homepage sidebar is meant for the homepage template and the Homepage 2 is for the Homepage 2 template. You can use any Homepage widget for any of these layouts. You can use each widget multiple times. Drag the widgets to the Homepage Widgets area.

Following widgets have been designed for the Homepages:

  1. FairPixels: Home Category 1
  2. FairPixels: Home Category 2
  3. FairPixels: Home Single Categories

Theme Options How to theme options

Theme Options

Heads up! The theme comes with a simple to use administration panel. You can access it from your WordPress dashboard. 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. The theme options are very easy to use. There is information about each option next to the option field.

General Settings

In the general settings, you can upload logo, and other images. Also you can add the social networks links which are displayed in the theme.

You can also add the contact details for the contact page.

× Remember! The recommended size for the images is mentioned next to each field, you should use that image size to make the image fit better.

Blog Settings

You can adjust the blog settings in this section.

Styles

In this section, you can change the theme color schemes and add custom CSS code.

Theme Color Schemes

You can select the color schemes for the theme.

Custom CSS Styles

The theme has additional features to customize style by adding custom CSS in the options panel. You can use enter your CSS code in the custom CSS field. It will overwrite the default style of the theme.

Typography

You can select the custom typography for the headings and the text. You can set the font size, font style, font margin and line height for the headings and the text.

This theme allows you to use 500+ Google web fonts. You can see select the font name from the list.

Header and Footer Settings

You can place the header ad code to display ad in the header. You need to put full HTML code for the ad. The field has an example ad code. If you do not wish to display any ad in the header, you can remove the default code from the field. You can also add any other code you wish to use in the head section of your website.

The footer settings include the text in the footer, and any other code which you wish to place at the bottom of the website.

Reset Settings

If you want to reset an individual option value, you can simply leave it blank. If you wish to reset all settings, you can do that by pressing Reset Defaults button.

× Warning! This will remove all of your theme settings and restore the default settings.

Widgets How to use widgets

This theme comes with various custom widgets that you can use in your sidebar. These widgets can be found under Appearance → Widgets and you can customize them however you like.

Using Widgets

Navigate to Appearance → Widgets on the dashboard, and drag any widget to the sidebar or any other available widget section. You can find available options for each widget when you drag it to the widget area.

Plugins How to use plugins

Pull Quote

If you want to add the Pull Quotes in your posts, you can install the plugin Pullquote Shortcode plugin. You can find the plugin in the main theme package in the plugins folder, or you can directly install it from the wordpress.org directory.

Installing the plugin:

  1. Go to Plugins → Add New
  2. Click on the Upload Plugin
  3. Browse the file pullquote-shortcode.0.1.2.zip and Install Now
  4. Click on Activate Plugin
  5. You can read more on how to use this plugin here.

Styles Styles customization and highlights

Heads up! The theme uses multiple CSS files. The main style file is style.css located in the theme root directory, other files are located in the css directory. You can customize most of the styling options from the theme options page, but if you would like to make more changes, you can easily do that by editing the styles in the css files. Following is brief information about each css file, you can get more information by looking at the file contents.

Stylesheets

Here's a list of the stylesheet files being used in this theme:

File Name Description
style.css Contains the theme styles.
css/reset.css Many browsers interpret the default behavior of html elements differently. The reset stylesheet is used to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.
css/common.css Contains styles for the common WordPress elements.
css/animations.css Contains styles for the animations.
css/lightbox.css Contains styles for the lightbox.

Miscellaneous Other userful settings

Featured Images

Setting Post Featured Image

You need to set post featured image to display in the featured categories, slider and archives etc. You can find the 'Featured Image' metabox on the on the New/Edit Post and Page screens. If it isn't, make sure 'Featured Image' is enabled in the screen options on the top right.

Here are the detailed steps on how to set a featured image for the post.

  1. Go to Posts → Add New. On the right side column, you will see Featured Image metabox. Click on Set featured image.

  2. Click on Select Files and select the image to upload in the image upload window.

  3. After the image has been uploaded, click on Set featured image, it will automatically set the Post featured image.

  4. Close the image upload window, and return to the post page. There you can see that the post featured image. Save the Post.

  5. That's all. Save the Post.

Using Custom Sidebars

Setting Post Featured Image

You can create unlimited sidebars and use in the theme.

Here are the detailed steps on how to create and use the custom sidebars.

  1. Go to Theme Options → Sidebars. Type sidebar name and click Create. A sidebar will be created, save the theme options.

  2. Now you can select the sidebar which you just created for the homepage or any other page. Select and save the theme options.

  3. Now the sidebar should appear on your widgets page, you can select any widgets for that sidebar.
  4. If you want to use a sidebar for specific post, go to New Post and select the sidebar for the post there. Save the post.

Using Contact Form

Setting up Map

You can find the contact page options in the theme options → General Settings .

If you want to include the map in the contact form, enter the address for the map. If you want to disable the map, leave the address field blank.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.