The “Contact” page template includes a Google Map canvas and a small area where you can display the basic contact information (split in two columns). So, here are the things that you need to know when you add a “Contact” page to your website:
1. The Google Map address that is displayed in the canvas can be set or edited by editing the “Map Location” field from the Appearance -> Theme Options page; please use Google Map coordinates.
2. The contact information can be edited using the default page editor from the “Add New Page” form;

This theme offers an “About Us” page template which allows you to set a particular image as background. Here are the steps:
1. Navigate into the “Pages” -> “Add New” page;
2. Select the “About” page template;
3. Fill in the page title and content;
4. Upload the background image (this is optional) by using the “Featured Image” meta box.

* before proceeding, make sure you already created an “Albums” page. If not, please see the next tutorial.

——————–

The “Phogra” template allows you to upload your photo albums in a very simple way. These are the steps to follow when you want to add a new album:

1. Navigate into the WordPress admin area;

2. Go to Pages > Add New. Give this page a name. This will be your album name. We’ll use the name “Wedding” as an example.

3. Go to <Page Attributes> on the right hand side. Select “Albums” as <Parent> and “Album” as <Template>

4. The picture upload dialogue should appear. Upload the pictures that you want in this album.

5. To upload an album cover image, use the “Featured image” meta box on the right hand side.

6. Hit the “Publish” button.

7. Go to Appearance > Menus

8. Tick the checkbox of “Wedding” and click on “Add to Menu”. It will now show on the right side, under <Menu Structure>

9. Drag & Drop “Wedding” under the main page entitled “Albums”. Make sure “Wedding” shows as a subpage for “Albums”

10. Save everything and Refresh (Ctrl + F5) your website.

* We recommend using photos with a resolution of 1680(w) x 1120(h)

The albums page allows you to display your photo albums. Here’s how you create it:

1. Navigate to Pages -> Add New Page. Name this new page “Albums”

2. From the right hand side dropdown menu called <Template>, select “Gallery”

3. Hit <Update>

1. Go to Pages,

2. Click on the newly created “Homepage”

3. Use the “Images” configurator on the page to upload/delete/rearrange pictures.

4. To rearrange pictures, drag them around.

*We recommend using  photos of 1680(w) x 1120(h) resolution.

In order to display the fancy slider the Phogra is providing on the front page, you need to follow these steps:
1. Create a new page (Pages -> Add New) named  “Blog” – this page will be used to display the blog posts which are, by default, displayed in the homepage;
2. Create a “Home” page which should be considered the main page (Pages -> Add New) and must use the “Homepage” page template (Template: “Homepage”);
3. Navigate to the Settings -> Reading page;
4. Change the “Front page displays” setting to: “A static page (select below)”;
5. Select the page created at step #2 as the option for the “Front page” selector;
6. Select the page created at step #1 as the option for the “Posts page” selector;
7. Save the changes.

The “copyright” line can be edited from the WordPress admin area, by editing the “Site Copyright” field from the Appearance -> Theme Options page.

The “Phogra” template supports 11 custom social icons: Facebook, Twitter, Flickr, Google+, RSS, Dribble, Vimeo, Forrst, Youtube, Digg and Pinterest. If you want to display any of these icons into the site sidebar, you only need to go into the Appearance -> Theme Options page and insert your link into the proper field (example: the link to your Facebook Fan page should be inserted into “Facebook Link” field).

If you want to remove a social icon, please remove the desired link from the Theme Options page and keep that field empty.

The “Phogra” template does allow you to customize the style a bit, by choosing the colors that you like for some elements. All of these can be changed from the Appearance -> Theme Options page, like follows:
1. Logo text color – is the color for the logo text;
2. Navigation text color – is the color used for the sidebar navigation links, in default state;
3. Navigation active color – is the color used for the hover and active states of the sidebar navigation links;
4. Read more color – this color is used into the blog pages, for the “Read more” buttons text;

The site favicon can be uploaded from the WordPress admin section by using the “Favicon” field from the Appearance -> Theme Options page.

If you want to set or edit the theme logo image or the logo text, you need to log into the WordPress admin section, navigate to the Appearance -> Theme Options page and edit the following fields:
1. Text logo – for the logo text;
2. Image logo – here you can upload an image which will displayed as the site logo.

This theme supports two navigation menus (one at the top, and one at the bottom). The one from the top, the “Header Navigation Menu” is built to support at maximum two levels of depth (the main level and a child level). The other one, the “Footer Navigation Menu” supports only one level of depth (the main level). So, if you just installed your theme and want to create the menus (or just to update them) you need to follow these steps:
1. Go into the Appearance -> Menus page from the WordPress admin section;
2. Create (if you didn’t create yet) the menus by inserting the “Menu Name” and clicking the “Save Menu” button;
3. Set each menu in the desired placeholder (like we described above, this template does support two menus) using the comboboxes from the top left panel;
4. Drag links that you need from the left panels (“Custom Links”, “Pages”, “Project”, etc.) and drop them on the right side, into the proper menu. Please keep in mind, that you can rearrange the items by drag and drop.

Important thing – if you want to add into the menu (and we assume that you’ll want) project pages or project categories (like the “Work” page which you maybe have set it up as homepage) but you don’t see, on the left side of the screen, the box titled “Project”, please click the “Screen Options” button from the top right of the screen and check the “Project” checkbox below the “Show on screen” text.

The “Contact” page template includes a Google Map canvas, a contact form and a small area where you can display the basic contact information. So, here are the things that you need to know when you add a “Contact” page to your website:
1. The Google Map address that is displayed in the canvas can be set or edited by editing the “Map Location” field from the Appearance -> Theme Options page; please use Google Map coordinates.
2. The email address where the contact form messages are sent can  be edited from the same page as above, by editing the “Contact Form Recipient” field;
3. The basic contact information can be edited using the default page editor from the “Add New Page” form.

This template offers a very complex “About Us” page template with several and various config options. After you access the WordPress admin section, and navigate to the “Pages” -> “Add New” page, you need to select the “About” template from the “Template” selector (on the right hand side of the screen). When this template is selected, the default page editor is automatically updated and a lot of new features are added. Here are the most important points that you should keep in mind:
1. This page template contains three sections: the top section (the “Whe we are” segment), the middle section (the “Profile pictures” segment) and the bottom section (the “Who I am” segment).
2. All the sections mentioned above can be displayed or hidden, as you wish. You can display just one segment, two segments, or all of them. Just check or uncheck the “Use” checkboxes.
3. The first segment content can be edited from the top editor.
4. The second segment content can be edited by uploading a new image using the “Add New Item” button from the middle section and filling the “name” and “position” fields. Please remember that you can reorder the items by “drag and drop”.
5. The third segment content does allow you to set a segment title, upload an image and edit the right column content. Also, you can set up a “Resume” link which will make the “Resume” button to appear and link your resume for view or download. If you don’t set any resume link, then the “Resume” button will not be displayed.
6. Finally, you can choose a background color for this page. If no background color is selected, the default site background color will be displayed.

Our template does allow you to display your projects separate or grouped by category. Here are the common steps that you should follow when you want to create a project page or a project category:
1. Connect to the WordPress admin section;
2. Navigate to the Work -> Add page;
3. Fill out the desired information (title, description, technologies, live link – only for the projects that are published) and select the desired background color (if no color is selected, then the default site background color will be displayed);
4. Select the project (parent) category (only for projects that are part of a category which is already created into the site);
5. Publish the new page.

The single difference between a project page and a project category is made by the number of child pages. So, if you create a project page and select this page as parent page (like is described at step #4) the project will be converted into a project category.

In order to display the projects (or project categories) in the front page using the “Work” template, you need to follow these steps:
1. Create a new page (Pages -> Add New) named  “Blog” – this page will be used to display the blog posts which are, by default, displayed in the homepage;
2. Create a “Work” page which should be considered the main portfolio (work) page (Work -> Add);
3. Navigate to the Settings -> Reading page;
4. Change the “Front page displays” setting to: “A static page (select below)”;
5. Select the page created at step #2 as the option for the “Front page” selector;
6. Select the page created at step #1 as the option for the “Posts page” selector;
7. Save the changes.

The “copyright” line can be edited from the WordPress admin area, by editing the “Site Copyright” field from the Appearance -> Theme Options page.

The “Portfolio” theme supports 8 custom social icons: Dribble, Google+, Facebook, Twitter, Vimeo, Forrst, Youtube, Flickr and Digg. If you want to display any of these icons into the site footer, you only need to go into the Appearance -> Theme Options page and insert your link into the proper field (example: the link to your Facebook Fan page should be inserted into “Facebook Link” field).

If you want to remove a social icon, please remove the desired link from the Theme Options page and keep that field empty.

The site favicon can be uploaded from the WordPress admin section by using the “Favicon” field from the Appearance -> Theme Options page.

If you want to set or edit the theme logo image, logo text or site tagline, you need to log into the WordPress admin section, navigate to the Appearance -> Theme Options page and edit the following fields:
1. Text logo – this is the text which is used as a logo if no image is uploaded as logo or is used as alternative text for the uploaded image;
2. Image logo – here you can upload an image which will be displayed as the site logo;
3. Tagline – this the place where you can set, edit or delete that line of text which is displayed below the logo;

Here are the steps that you need to follow right after you download the archive for the theme that you bought:
1. Extract the archive content without creating an extra parent folder (the theme folder is already included in the archive);
2. Connect by FTP to your server, where the WordPress project is hosted;
3. Copy the theme folder (that you have extracted at step #1) into the wp-content/themes folder of your WordPress project;
4. Log in into the WordPress admin section and activate your theme by using the “Appearance” button from the left sidebar and by clicking the “Activate” button which is below the theme name.

The services that you provide can be displayed by the “Services” widget which can be added to any of your pages. However, before adding that widget to your pages, you should add the services to your site by following these steps:

1. Go to Admin -> Services -> Add New Service section;
2. Fill in the title (name) of the service;
3. Complete the service description;
4. Hit the “Publish” button;

The members of your team can be added in your site by following these steps:

1. Go to Admin -> Team -> Add New Member section;
2. Set the name, position and email address;
3. Set a custom hover color for this memeber if you like;
4. Set the member picture by using the “Featured Image” meta box;
5. Hit the “Publish” button;

All these members will be displayed by the “Team” widget.

In order to add testimonials to your site, please follow these steps:

1. Go to Admin -> Testimonials -> Add new testimonial section;
2. Fill in the title (just for admin purposes, it won’t be displayed in your site) and your testimonial body;
3. Hit the “Publish” button;

All your testimonials will be displayed using the “Testimonials” widget.

The clients that you add to your site are displayed by the “Clients” widget. So, here are the steps that you have to follow for adding a new client in your site:

1. Go to Admin -> Clients -> Add New Client section;
2. Insert the client name (just for admin purposes, it won’t be displayed in your site) and the client URL (link to your client’s site or social page);
3. Set the client logo by using the “Featured Image” meta box (bottom right of your screen);
4. Hit the “Publish” button.

In order to display a slider inside a “Slider” widget you need to follow these steps:

1. Go to Admin -> Sliders -> Sliders section;
2. Fill in the name of this new slider;
3. Click the “Add New Slider” button;
4. Go to Admin -> Sliders -> Add new slide section;
5. Set the text that you want to display inside the fields called “Text (first row)”, “Text (second row)” and “Text (third row)”;
6. Set the text color for that slide (you can leave it empty in order to use the default color);
7. Set the image that you want to display by using the “Featured Image” meta box (right bottom of your screen);
8. Check the slider that you created at steps 1,2,3 in the “Sliders” meta box (of course, you can choose multiple sliders in case that you want to display the same slide inside multiple sliders).

You can add your portfolio projects to your site by using the options that our theme provides. So, after you accessed the admin area, please go to the Portfolio -> Add Project section.

Here, you’ll be able to add all the project info like name, description, images, technologies or link for a live preview.

Also, you are able to set different colours for the elements of each project, background image or any of our theme widgets.

Note: all the projects added in this section will be automatically displayed inside the “Portfolio” pages but also inside the “Latest Work” widget which can be used in any page.

This theme provides several types of widgets, and you can add them in any order or combination to your pages. The widgets that we are talking about are a bit different than the default WordPress widgets, and you can set up them from the “Edit Page” section, inside the “Template Widgets” meta box.

Here are the supported types of widgets:
- Slider – allows you to display one of the sliders that you create inside the “Sliders” section of the admin area;
- Intros – a “three boxes” row where you can set some nice “call to action” texts and links. Of course, you can use just one or two boxes here if you don’t have enough info to display three boxes here;
- Latest Work – this widget will display the projects that you added into the “Portfolio” section. Basically, will display just the project thumbs inside a carousel;
- Contact – a small widget which can be used as a summary of your contact page;
- Testimonials – this widget will display the testimonials that you added into the “Testimonials” section;
- Team – the members of your team that are added in the “Team” section will be displayed by this widget;
- Services – will display the “Services” that you added in the admin area;
- Clients – will display the “Clients” that you added in the admin area;

Note: all the widgets are customizable and you can set different colours, background images or texts, so please take a closer look on each widget for a better end result.

The “Homepage” template is built to support only widgets and it can be added in the same way like you add any other page. Here are the steps:

1. After you access the WordPress admin section, please navigate to the “Pages” -> “Add New” page;
2. Insert the page title, and select the “Homepage” template from the “Template” selector (on the right hand side of the screen);
3. Set the widgets that you want to display in this page;
4. Click the “Publish” button;
5. Navigate to the Settings -> Reading page;
6. For the “Front page displays” setting, check the “A static page (select below)” option and select the page that you created at the steps above from the “Front page” selector;
7. Save and you are done;
8. You may need to add the page to the top of bottom theme menus.

The “Portfolio” page template allows you to display the projects added into the “Portfolio” section of your site admin area.

After you access the WordPress admin section, and navigate to the “Pages” -> “Add New” page, you need to select the “Portfolio” template from the “Template” selector (on the right hand side of the screen). When this template is selected, the default page editor is automatically updated and a lot of new features are added. Here are the most important points that you should keep in mind:

1. The first big field is the place where you should insert the page title (name);
2. The fields that are inside the “Template Customize” meta box allows you to set different colours (or images) for page title bar or page background;
3. Using the “Template Widgets” meta box you can add different widgets which will be displayed below the page content. Of course, you can re-order them by drag and drop;
4. After you finish to populate all the desired content you just need to hit the “Publish” button and your page will be live;
5. You may need to add the page to the top of bottom theme menus.

This template offers a very complex “Contact” page template with several and various config options. After you access the WordPress admin section, and navigate to the “Pages” -> “Add New” page, you need to select the “Contact” template from the “Template” selector (on the right hand side of the screen). When this template is selected, the default page editor is automatically updated and a lot of new features are added. Here are the most important points that you should keep in mind:
1. The first big field is the place where you should insert the page title (name);
2. The fields that are inside the “Template Customize” meta box allows you to set different colours (or images) for page title bar, page background, page title and content or separators, contact details, Google Maps embed code or the recipient for messages that are sent by your site visitors from the contact form;
3. Using the “Template Widgets” meta box you can add different widgets which will be displayed below the page content. Of course, you can re-order them by drag and drop;
4. After you finish to populate all the desired content you just need to hit the “Publish” button and your page will be live;
5. You may need to add the page to the top of bottom theme menus.

This template offers a very complex “About Us” page template with several and various config options. After you access the WordPress admin section, and navigate to the “Pages” -> “Add New” page, you need to select the “About Us” template from the “Template” selector (on the right hand side of the screen). When this template is selected, the default page editor is automatically updated and a lot of new features are added. Here are the most important points that you should keep in mind:
1. This template allows you to set the title of the page and the content, which will be split in two columns on desktop mode;
2. The fields that are inside the “Template Customize” meta box allows you to set different colours (or images) for page title bar, page background, page title and content or separators;
3. Using the “Template Widgets” meta box you can add different widgets which will be displayed below the page content. Of course, you can re-order them by drag and drop;
4. After you finish to populate all the desired content you just need to hit the “Publish” button and your page will be live;
5. You may need to add the page to the top of bottom theme menus.

The “Toortit” template does allow you to customize the style a lot, by choosing the colors that you like for some elements. All of these can be changed from the Appearance -> Theme Options page, like follows:

1. Menu Base Color – is the top navigation default color;
2. Menu Hover Color – the color for the mouse over state of the top navigation links;
3. Footer Background Color – the background color for the footer section;
4. Footer Menu Base Color – the default color of the footer menu links;
5. Footer Menu Hover Color – the mouse over state of the footer menu links;
6. Footer Widget Title Color – the color for the footer widget (middle column of the footer);
7. Social Icons Active Color – the default color of the rounded social link buttons;
8. Social Icons Hover Color – the mouse over state of the rounded social link buttons;

Blog Settings – these settings are helping you to customize the colors of the blog section of your site:

9. Title Bar Text Color – the text color of the top bar (band) where the blog title is displayed inside the blog section;
10. Title Bar Background – the background color of the top bar (band) where the blog title is displayed inside the blog section;
11. Background Color – the background color of the blog section;
12. Background Image – here, an image can be uploaded to be displayed in the background of the blog section;
13. Background Type – the background image can cover the entire blog section (full image) or it can be displayed in a tiled mode (pattern);
14. Meta Links Hover Color – the color of the article “Author” and “Category” links;
15. Buttons Default Color – the default color of the buttons that are displayed inside the blog section;
16. Buttons Hover Color – the mouse over state of the buttons that are displayed inside the blog section;

Important: there are several other ways to change the template colours or background images for other areas. All these changes can be found inside the “Edit Page” area of the admin section, as page settings or widget settings.

The site favicon can be uploaded from the WordPress admin section by using the “Favicon” field from the Appearance -> Theme Options page.

If you want to set or edit the theme logo image or the logo text, you need to log into the WordPress admin section, navigate to the Appearance -> Theme Options page and edit the following fields:
1. Text logo – for the logo text;
2. Image logo – here you can upload an image which will displayed as the site logo.