### “Evermore WordPress Theme” Documentation by “Pexeto” v.1.0.5

Created: 01/03/2013
By: Pexeto
http://pexetothemes.com/

Thank you for purchasing Evermore theme. If you have any questions that are beyond the scope of this help file, please refer to the Support section. Thanks so much!

### If you like this theme, please don't forget to rate it on the ThemeForest site. Thank you!

## Table of Contents

1. Getting Started
2. Installing and activating the theme
3. Useful instructions
   1. Options page
   2. Page Settings Section
   3. Setting a featured image to a post/page
4. The header
   1. Changing the logo
   2. Setting the menu
   3. Setting the social network icons
5. The footer
6. The sidebars
7. Sliders
   1. Thumbnail Slider
   2. Content Slider
   3. Nivo Slider
8. Template pages
   1. The Default Page
   2. Services Page
   3. Blog Page
   4. Portfolio Gallery Page
   5. Quick/Easy Gallery Page
   6. Contact Form Page
   7. Archive Page
9. Changing the theme style
10. Elements and shortcodes
    1. Social Sharing Buttons
    2. Portfolio Carousel
    3. Editor Formatting Buttons
    4. Shortcodes
11. Fonts
12. Translation
13. Plugins included
14. CSS files
15. JavaScript files
16. PhotoShop files and image resources
17. PHP files
18. Troubleshooting
19. Support
20. Updates
    1. Version 1.0.1
    2. Version 1.0.2
    3. Version 1.0.3
    4. Version 1.0.4
    5. Version 1.0.5

Note: If you have any questions that are beyond the scope of this help file, please refer to the Support section.

## 1. Getting Started

If you are new to WordPress

Although building a website with WordPress is significantly much easier than coding it by yourself, if you are a beginner, even working with WordPress may be difficult to you. That's why, in this section we will provide some useful links and also will explain how to get oriented in the documentation and what pattern to follow when building your website with our theme.
Please note that this documentation covers all the main settings for the theme, but it doesn't cover instructions about working with WordPress, as this is a very extensive topic. If you are new to WordPress, we would recommend to first get familiar with the WordPress system, so you can have at least basic knowledge about how it works and then proceed with setting the theme.

Working with WordPress - Useful Links

- WP101 Basics Training - the perfect beginning spot for those just getting started with WordPress. The video tutorials provided are very helpful to easily understand how WordPress works.
- The WordPress Codex - the official WordPress manual containing lots of information and tutorials about working with WordPress.

Working with the theme

Once you have some basic WordPress knowledge, you are ready to go with setting the theme. Here are some example steps about how you can do this:

1. Install and activate the theme - read about how to do this in the Installing and activating the theme section.
   Having problems with installing the theme?
   » Refer to the "Fail to install the theme" subsection of the Troubleshooting section.
2. Change your logo - learn how to do this in the Changing the logo section
3. Create your basic menu - during the process of setting your theme, you will be changing your menu links all the time. However, it is good to start with having the main menu set. Learn how to set your menu in the Setting the menu section.
4. Start with creating your content

   You can create all the content by creating your pages one by one. Here are some examples of what steps to follow when creating different pages:

   You need a Gallery page to set as home page:
   1. Go to Template pages » Portfolio Gallery Page section - in this section you can read about how to create such a page and all the settings you can do about this page template. You can read about how to create the gallery items and all the options that you can set to them.
   2. After you set your page, go to the Menus section and add it to your menu so it can be easily accessible.
   You need a Blog page:
   1. Go to Template pages » Blog page section to learn how to create a blog page, how to create posts to it and all the settings you can do for this page
   2. You need to set a slider for the blog? » Go to the Sliders section to read how to create a slider. After you have your slider created and populated with images, you have to select the slider you have created for the page (how to set the slider is explained in both the slider's section and the blog page section)
   3. You need a separate blog sidebar? » Go to the The sidebars section to learn how to create additional sidebars and how to add widgets to them. After you have created your sidebar, go back to the Blog page section to learn how to set the sidebar you have created to your blog page.

   Basically, these are the steps you have to follow - when you need to create a page, just go to its corresponding subsection of the Template pages section and read about how to create it and what settings you can do for the page. The main key about understanding how the theme works is to read the documentation we have provided carefully, as we have explained everything you need to know about the theme in here.

5. Once you follow all these steps and have the basic theme setup, you can also check the rest of the sections of this documentation to read more about the other features that our theme provides.

We hope you will enjoy working with the theme!

## 2. Installing and activating the theme

There are 2 main ways to upload the theme:

1. Via the built in WordPress theme uploader

   You can read the instructions about installing a theme via the WordPress uploader below, but you can also watch the "Installing a Pexeto Theme via WordPress Uploader" video here

   First you have to unzip the download file and find the zip file called evermore.zip. After this you have to go in the admin panel » Appearance » Themes, click on the Install Themes tab and then click on the "Upload" tab (located in the top section of the page). After you click the "Upload" tab, a new page will be opened where you will be asked to find the .zip file on your local file system.

   Note: Some servers have limited folder access settings applied and wouldn't allow uploading the theme trough the admin - in these case you have to upload the theme via FTP.
2. Via FTP client

   You can read the instructions about installing a theme via FTP below, but you can also watch the "Installing a Pexeto Theme via FTP" video here

   If you know the FTP login details of the server where your site is hosted and you have a FTP client installed (such as FileZilla), you might consider using this way of uploading your theme. First you have to unzip the download file, find the zip file called evermore.zip, unzip it and upload the folder to the main WordPress installation folder » wp-content » themes. Please note that if you prefer this way of installation, you have to make sure that the main files of the theme are contained just within one folder of the themes folder. The right way to locate your root theme files is for example themes/evermore but not themes/evermore/evermore.

You can activate the theme after it is uploaded on the server. In order to activate this theme you have to go to the admin panel » Appearance » Themes. In this section you should see the theme with a title Evermore by Pexeto. Just click on the Activate button and your theme should get activated.

Miminal Theme Requirements:
-WordPress v.3.5 or higher
-PHP v.5.0 or higher

## 3. Useful instructions back to top

### a. Options page

When you activate this theme, an options page is created in order to help you make the theme settings much easier. This page is located in the admin panel » Evermore » Evermore Options.

### b. Page Settings section

Apart of the Options panel, we have added a custom settings section for the pages/posts where you can apply custom settings for the single pages/posts and these settings won't be applied globally to the theme. This settings section is located below the main content editor of the page/post opened it edit mode. For example, in the pages this section is called "EVERMORE PAGE SETTINGS".

### c. Setting a featured image to a post/page

In order to set a thumbnail (featured image) to a post/page, when creating/editing your post/page in the bottom of the right sidebar you will see a link "Set a Featured Image":
If you click on this link, a window will be opened where you can choose the image. When you select the desired image, you have to click on the "Set featured image" link.

## 4. The header back to top

The header consists of three main elements:

- Logo
- Menu
- Social Network Icons

### a. Changing the logo

To change the logo image, you can either use your own existing logo image or edit the included logo PSD file - it is called logo.psd and is located within the photoshop_files folder. The font that is used for the "Evermore" text is called "Liberation Sans" (you can download it for free from here).

After you have your logo image, you have to go to the Evermore Options » General Settings » Main » Logo and upload (or insert the image URL) in the Logo Image section. We have also included a Retina display logo image option which allows you to set another logo image for retina displays. The image size for retina displays should be twice the size of the regular logo - for example if the standard logo image size is 30x70 pixels, the size of the retina display logo image should be 60x140 pixels. If you don't set an image in this field, the image set in the "Logo Image" field will be used on retina displays.
In the Logo section you can also set your logo image width and height:

Please note that the size of the image you upload should be in the size you would like it to be displayed.

### b. Setting the menu

Here are the steps you have to follow in order to set the menu:

1. Go to Appearance » Menus and create a new menu. After you create the menu, you can add Page, Category and custom links from the left. You can watch this video to tutorial to learn more about working with the WordPress Menus functionality.
2. After that in the "Evermore Theme Main Menu" field of the Theme Locations section you have to select the menu that you have created.

### c. Setting the social network icons

To set the icons, you have to go to Evermore Options » General Settings » Social » Header Social Icons section.

You can add the icons you like into the "Add a social site icon" field:
1. Select the icon
2. Insert the link of the icon in the "Social Link" field
3. Insert a hover title (optional) - this title will be displayed when you hover the icon with the mouse
4. Click on the "Add Icon" field to add the icon

Note: Don't forget to click on the "Save Changes" button after you finish setting the Social Icons section.

## 5. The footer back to top

The footer consists of three main sections:

- Call to action section
- Widgetized area
- Copyright and footer menu section

Call to action section

The "Call to action" section looks like this:

All the settings for this section can be applied in the Evermore Options » General Settings » Footer » Call to action section:

- You can enable/disable this section in the "Show call to action section above footer columns" field
- You can insert all the settings for the section such as title, description, button text, etc. in the other fields below

Widgetized area

The widgetized area looks like this:

In the Evermore Options » General Settings » Footer » Footer Layout field you can select the layout for the widgetized area. You can either select the number of columns that this area will contain or you can disable the widgetized area by selecting the "No widgetized footer" option.

If you select to display a widgetized area, you can then go to "Appearance" -> "Widgets" to add widgets to the footer. If, for example you have selected a "Three columns" layout, in the Widgets section you will see three widget areas called "Footer Column One", "Footer Column Two" and "Footer Column Three". After this you can drag and drop widgets from the left to any of these three boxes.

You can learn more about working with WordPress widgets in this video tutorial.

Copyright and footer menu section

The copyright and footer menu section looks like this:

Changing the copyright text

You can set the Copyright text in the Evermore Options » General Settings » Footer » Footer Copyright Text field.

Setting the footer menu

Here are the steps you have to follow in order to set the footer menu:

1. Go to Appearance » Menus and create a new menu. After you create the menu, you can add Page, Category and custom links from the left. You can watch this video to tutorial to learn more about working with the WordPress Menus functionality.
2. After that in the "Evermore Theme Footer Menu" field of the Theme Locations section you have to select the menu that you have created.

## 6. The sidebars back to top

This theme supports multiple sidebars and they are all dynamic. This means that you can insert whatever widgets you like on them.

There is one default sidebar that goes to each of the pages. If you would like to have more sidebars than the default one, then you can create your new sidebars in Evermore Options » General » Sidebars section:

To customize your sidebars you have to go in the admin panel » Appearance » Widgets. There you should see your sidebars on the right part of the page. Now you can drag and drop widgets from the left into your sidebars. You can learn more about working with WordPress widgets in this video tutorial.
Here is an example of a sidebar:

You can select a custom sidebar name in the "Page sidebar" field of the Page Settings section of the page.

## 7. Sliders back to top

### a. Thumbnail Slider

The Thumbnail Slider looks like this:

Adding images

In order to add images to this slider you have to go to the Evermore » Thumbnail Slider section. All you have to do is to upload the selected image (or add its URL), link of the image (links can be set to the images, so that when the user clicks on the image to be redirected- this feature is optional) and description (also optional) and press the "ADD" button. After that the image is automatically saved for the slider.

Changing the image order

Once you add the images, you can change their order by dragging and dropping the image container to the desired place. After you change their order, in order the new order to be saved, you have to click on the "Save Order" button that would appear right above the images:

Creating additional Thumbnail Sliders

If you would like to add a new slider with a different image set, you have to click on the "Add new Thumbnail slider" button located in the top section of the page and insert its name in the dialog box that will be displayed. After that a section for the additional slider images will be created so that you can set the new images to it.

Changing the slider options

You can change the default slider options such as setting automatic image resizing and changing slider speed in the Evermore Options » Sliders » Thumbnail Slider section.

Default image size: 980px × 440px . The image height can be changed in the slider options section.

Setting a slider to your page

You can select the name and type of the slider that you would like to display in a page in the "Page Header" of the page settings section (located below the main content editor)

### b. Content Slider

The Content Slider looks like this:

Adding images

In order to add images to this slider you have to go to the Evermore » Content Slider section. All you have to do is to upload the selected image (or add its URL), fill the fields with the data you would like to display in the slider and press the "ADD" button. After that the image is automatically saved for the slider.

Changing the image order

Once you add the images, you can change their order by dragging and dropping the image container to the desired place. After you change their order, in order the new order to be saved, you have to click on the "Save Order" button that would appear right above the images:

Creating additional Content Sliders

If you would like to add a new slider with a different image set, you have to click on the "Add new Content slider" button located in the top section of the page and insert its name in the dialog box that will be displayed. After that a section for the additional slider images will be created so that you can set the new images to it.

Changing the slider options

You can change the default slider options such as setting automatic image resizing and changing slider speed in the Evermore Options » Sliders » Content Slider section.

Default image size: 445px × 290px . The image height can be changed in the slider options section.

Setting a slider to your page

You can select the name and type of the slider that you would like to display in a page in the "Page Header" of the page settings section (located below the main content editor)

### c. Nivo Slider

The Nivo Slider looks like this:

Adding images

In order to add images to this slider you have to go to the Evermore » Nivo Slider section. All you have to do is to upload the selected image (or add its URL), fill the fields with the data you would like to display in the slider and press the "ADD" button. After that the image is automatically saved for the slider.

Changing the image order

Once you add the images, you can change their order by dragging and dropping the image container to the desired place. After you change their order, in order the new order to be saved, you have to click on the "Save Order" button that would appear right above the images:

Creating additional Nivo Sliders

If you would like to add a new slider with a different image set, you have to click on the "Add new Nivo slider" button located in the top section of the page and insert its name in the dialog box that will be displayed. After that a section for the additional slider images will be created so that you can set the new images to it.

Changing the slider options

You can change the default slider options such as setting automatic image resizing and changing slider speed in the Evermore Options » Sliders » Nivo Slider section.

Default image size: 980px × 450px . The image height can be changed in the slider options section.

Setting a slider to your page

You can select the name and type of the slider that you would like to display in a page in the "Page Header" of the page settings section (located below the main content editor)

## 8. Template Pages back to top

### a. The Default Page

When you create a new page from the Pages » Add New section, the "Default Template" is assigned to the page by default. The default page template is a standard page template that can be with a sidebar or full-width layout and can contain custom content.

Setting the page layout

For this page you can select the layout to be Right Sidebar, Left Sidebar or Full Width. You can do this by setting the custom field Page Layout of the page:

Selecting a sidebar

By default this page template uses the Default Sidebar. If you would like to use another sidebar, you can create one in the Evermore Options » General » Sidebars section and after that you can set the custom field Sidebar and select the sidebar that you have just created. To customize it you have to go to the Appearance » Widgets and find the selected sidebar. You can drag and drop widgets from the left into it.

Setting a slider/static image for the page:

In order to set a slider, you have to set the custom field Header on the page. In this field you can select between Nivo Slider/Fader, Static Header Image and None.
-If a slider is selected, the default slider of the selected slider type will be automatically assigned to the blog page. If you have created additional sliders, their name will be displayed in the relevant slider section of the drop-down list. You can read more about setting the sliders in the Sliders section.
-If Static Header Image has been selected, you can set the static image by setting the image as a Featured one. Here is explained how to do this.

### b. Services Page

A page with services boxes looks like this:

Creating The Page:

1. Create a new page (Page » Add New)
2. Leave the default "Default Template" option selected in the "Template" field (located in the right sidebar of the edit page section
3. If you would like to make this page a front page (to be opened by default when the site is visited) go to Settings » Reading » Front page displays » Select "A static page" and select the page that you have just created in the Front Page list:

The services page (as you can see it on the demo) is a standard page with the "Default Template" set to it. You can read about all the settings that you can apply to this page (e.g. slider, sidebar, etc.) in the Default Page section.

Creating Services Boxes

You can create the services boxes in the Evermore » Services Boxes section.

By default there is a "Default" services boxes set created where you can add the boxes. For each box you can add a Title, Image, Link and Description:

Adding the Services Boxes to the page

In order to add a services boxes set to a page, you have to click on the "Insert Services Boxes" button from the editor buttons:

Then a dialog will be displayed where you can set the options for the services boxes set:

In this dialog you can set:

- The services boxes set to display. By default there is a "Defaul" set created, however if you would like to create additional sets of boxes, you can do this in the Evermore » Services Boxes section, by clicking on the "Add a New Services Box Set" button (located in the top right section of the page)
- In the "Number of columns" field you can select the number of boxes to display per row
- In the "Services title" field you can select the title for the services box set. If you insert a title, it will be displayed on the left of the boxes
- In the "Services description" field you can select the description for the services box set. If you insert a description, it will be displayed on the left of the boxes

### c.Blog page

Creating The Page:

1. Create a new page (Page » Add New)
2. Select the "Blog Page" option in the "Template" field (located in the right sidebar of the edit page section
3. If you would like to make this page a front page (to be opened by default when the site is visited) go to Settings » Reading » Front page displays » Select "A static page" and select the page that you have just created in the Front Page list:

Selecting a layout for the page

You can set the page layout in the "Page Layout" field of the page settings section:

You can choose between the following options:

- Left sidebar
- Right sidebar
- Full-width - no sidebar
- Two columns - no sidebar, masonry layout
- Three columns - no sidebar, masonry layout

Selecting a sidebar

By default this page template uses the Default Sidebar. If you would like to use another sidebar, you can create one in the Evermore Options » General » Sidebars section and after that you can set the custom field Sidebar and select the sidebar that you have just created. To customize it you have to go to the Appearance » Widgets and find the selected sidebar. You can drag and drop widgets from the left into it.

Excluding categories from the blog

You can exclude categories in the "Exclude posts from categories" field.

The categories that you uncheck will be excluded from the blog page.

Defining the number of posts on the blog

In the "Number of posts per page" field of the blog page settings section you can set the number of posts to display on that page.

Setting a slider/static image for the page

In order to set a slider, you have to set the custom field Header on the page. In this field you can select between Nivo Slider/Fader, Static Header Image and None.
-If a slider is selected, the default slider of the selected slider type will be automatically assigned to the blog page. If you have created additional sliders, their name will be displayed in the relevant slider section of the drop-down list. You can read more about setting the sliders in the Sliders section.
-If Static Header Image has been selected, you can set the static image by setting the image as a Featured one. Here is explained how to do this.

Setting advanced blog pagination

In order to have advanced pagination enabled on your blog page (as on the screenshot above) you have to install the WP-Pagenavi plugin. You can read more about how to do it the section Plugins included.

The blog posts
Selecting a format for the post

The posts support the following formats: Standard, Gallery, Video, Aside and Quote. The format can be selected in the "Format" section of the post:
Here is an explanation about each of the supported formats:

- Standard - includes a featured image in the beginning of the post. It looks like this:
  You can read here about how to set a featured image to the post.
- Gallery - displays the image attachments of the post in a Nivo slider in the beginning of the post. It looks like this:
  Adding images In order to add images as attachments to the post you have to click on the "Add Media" button located above the content editor of the post:
  then upload the images in the dialog window that is opened. All the images that you upload from the post will automatically become attachments of the post. You don't have to insert the images into the content of the post, they only have to be uploaded from this post's media window. If later you would like to edit these images, you can again click on the "Add Media" button and then you have to select the "Uploaded to this post" option in the filter:
  You can also apply different slider settings, such as animation effect, image resizing, etc. in the Evermore Options » Slider Settings » Nivo in content section.
- Video - will display a video as header of the post. It looks like this:
  You can set the video URL in the "Video URL" custom field of the post. The theme uses the WordPress [embed] shortcode to insert the video, you can see the supported formats on the WordPress Embeds page. We have also included support for Flash videos (with .swf extension).
- Aside - displays a box with text only (the content of the post). It doesn't include any post information, such as titles, images, etc. It looks like this:
- Quote - displays the post content in a quote style. It looks like this:

Hiding part of the content of the post with the "Read More" link:

Just before the text that you want to be hidden you have to click on the "Insert more tag" button (Alt+Shift+T):

Enabling threaded comments (with reply functionality):

In order to enable threaded comments, you have to go to Settings » Discussion and check the field "Enable threaded (nested) comments x levels deep"

Post Options

There is a blog posts option included in the Evermore Options » Post and Page settings » Blog Posts section. In this section you can set some options such as selecting the default single post layout, single post sidebar what info to display for the post (e.g. date, category, etc.).

### d. Portfolio Gallery Page

The Gallery page looks like this

Main setup instructions

In this section are included the main steps you would have to follow in order to set this page, more options and settings are described in the "Other Gallery Page Options" section below.

Creating The Page:

1. Create a new page (Page » Add New)
2. Select "Portfolio Gallery" in the "Template" field (located in the right sidebar of the edit page section
3. If you would like to make this page a front page (to be opened by default when the site is visited) go to Settings » Reading » Front page displays » Select "A static page" and select the page that you have just created in the Front Page list:

Creating the portfolio/gallery items (adding images to the gallery)
Each of the images in the gallery represents a single Portfolio Item. For each of the portfolio items:

1. Creating new items
   You can create a new item in "Portfolio" » Add New section. You can set the title in the "Title" field of the item.
2. Add Images to the item
   1. Click on the "Add Media" button above the main content area of the portfolio item:
   2. Open the "Create Gallery" section. If you would like to upload new images click on the "Upload Files" tab and upload the images. If you would like to add existing Media Library images, click on the "Media Library" tab and select the images you like. After you select the images, click on the "Create a new gallery" button.
   3. After this when you click on each image in the gallery, in its Caption field you can set a description to it. You can also change the default image order by dragging and dropping the images on different positions.
   4. When you finish editing the images Click on the "Insert Gallery" button. This will insert a gallery object into the content section of the portfolio item.
   5. Later if you would like to edit the images, click on the gallery object and click on its "Edit Gallery" button:
3. Setting the thumbnail of the item

   By default the first image of the images you have added will be used as the item's thumbnail. If you would like to set another image as thumbnail, you have to set it as featured image to the item. You can read about how to set a featured image here.

   As the images uploaded would be bigger, the thumbnail image will be resized automatically to the size in which it should be displayed. However, if you prefer to use your custom thumbnail image, you can set it in the "Custom Thumbnail URL" field of the item.

   - Changing the default thumbnail size and layout

   Also you can specify how the thumbnail will be cropped in the "Crop thumbnail from" section:

4. Selecting the type of the item

   Each portfolio item supports different formats in which it can be displayed. You can select the type of the item in the "Item Type" field:
   Here is an explanation for each of the item type options:

   - Slider with side description / Full-width slider
     These two options display the same type of content, but in a different layout. The slider with side description displays a slider of images and a description on the side and the full-width slider displays a full-width slider with a description located below it:

     You can read about how to add the images to the slider in the "Add images" section above.

     The slider description is the actual post content - the content that you insert in the portfolio post content editor area will be displayed as a description to the item.

     Slider options

     You can change the default slider options in the Evermore Options » Slider Settings » Portfolio Slider section. In this section you can select whether the images to be automatically resized or not and select whether to display a related projects carousel below the slider and you can also customize the default carousel options.

   - Lightbox

     If you select this option the images of the item in the Grid Gallery will be displayed lightbox:

     With this type selected, the single portfolio item page will automatically include a Quick gallery with option to open the images in lightbox. Setting a single preview image per item

     By default the lightbox items are designed to display albums of images - each items displays a set of images in the lightbox. However if you would like to have only one preview image per item and have all the lightbox images in the gallery page related in a group, so that when you click on the first item's image and then click on the "Next" arrow of the lightbox, the second item's image will be displayed, you can enable the "Make lightbox items preview images related to each other" option in the gallery page settings section.

   - Standard Page

     The item will be displayed in a standard page format. In the Evermore Options » Post and Page Settings » Portfolio Posts section you can select the layout and sidebar for the page.

   - Video with side description / Full-width video

     Displays a video either in a full-width layout or with a side description. You can set the video URL in the "Video URL" custom field of the portfolio item. The theme uses the WordPress [embed] shortcode to insert the video, you can see the supported formats on the WordPress Embeds page. We have also included support for Flash videos (with .swf extension).

   - Custom Link

     The item will be linking to a custom link that you have set in the custom field "Custom Link URL" of the item

Ordering the items in the gallery

You can select how the items will be ordered in the "Order items by" and "Order" fields of the gallery page settings section:

The default options are set to order the items by date in a descending order. This means that the newest items will be displayed first. You can also select the items to be ordered by "Custom order". In this case, you can set an order number to the portfolio item in its "Order" field. We have also created a Portfolio » Custom Order page where you can easily drag and drop the portfolio items to reorder them:

Other Gallery Page Options

The gallery page includes some customization options in its settings section which is located below the main content editor of the page.

- Exclude categories from the page

  You can exclude categories in the "Exclude items from portfolio categories" field by unchecking the categories that you would like to exclude.

- Show/hide the category filter

  You can disable/enable the category filter within the "Show portfolio category filter" field

- Set the number of items to be displayed per page

  You can set the number of items that will be displayed per page in the "Number of portfolio items per page" field

- Change the number of columns

  You can change the number of columns in the "Number of columns" field

- Change the image layout

  You can enable a Masonry layout in the "Masonry layout" field. If you enable this option, the images height will vary depending on the original image ratio and also the images will be positioned one below another by filling all the space. If the "Masonry layout" option is disabled, you can set the image height in the "Thumbnail image height" field.

### e. Quick/Easy Gallery page

This is the default WordPress image gallery - the purpose of this gallery is to insert multiple images at once - you can very quickly create multiple galleries just for several minutes. Here is how the gallery looks like:

In order to create a quick gallery you have to:

1. Create a new page (you don't have to set a page template to it)
2. Click on the "Add Media" button above the main content area:
3. Open the "Create Gallery" section. If you would like to upload new images click on the "Upload Files" tab and upload the images. If you would like to add existing Media Library images, click on the "Media Library" tab and select the images you like. After you select the images, click on the "Create a new gallery" button.
4. After this when you click on each image in the gallery, you can set a caption that will be displayed below the image thumbnail in the "Caption" field and also you can set a description that will be displayed in the lightbox preview in the "Description" field of the image.
5. Use the "Gallery Settings" section to change the gallery settings:
   In the "Link to" select "Media File" and in the "Gallery Columns" field select the number of columns you would like to display.
   Click on the "Insert Gallery" button.

Gallery Options

The quick gallery options section can be found in Evermore Options » Media Settings » Quick Gallery section. For the different post types (post / page / portfolio) you can enable/disable the masonry layout and if the masonry layout is disabled you can set a default static height to the thumbnail images.

### f. Contact Form page

The contact form page looks like this:

This page contains an AJAX contact form which visitors of your website can use to contact you.

To make one page contain a contact form you have to do some settings. When you create (or edit) your page, you should find the field Template and in it to choose the Contact form page option. After that immediately your page will contain a contact form.

Setting your e-mail address

You can set the e-mail address to which to send the messages in the Evermore Options » General Settings » Contact Form section.

Setting CAPTCHA

Having CAPTCHA enabled for your form will prevent sending spam emails by robots, just by printing an image with text and asking the user to fill the text from the image.

We have used the reCAPTCHA service. In order to enable reCAPTCHA for the theme you have to do the following settings:

- Select "ON" in the "Enable CAPTCHA" field of the Evermore Options » General Settings » Contact Form
- Register an API key and set your generated public and private keys in the "reCAPTCHA Public Key" and "reCAPTCHA Private Key" fields of the Evermore Options » General Settings » Contact Form.
  You can very easily generate these keys here: http://www.google.com/recaptcha/whyrecaptcha. After you click on the "Sign Up" button, you will be redirected to a page where you would need to have a Google account in order to log in. If you don't have a Google account, you can create one by clicking on the "Sign Up" button on the new page that is opened. After you log in, you will be able to generate the API keys for your site.

Setting the page layout

For this page you can select the layout to be Right Sidebar, Left Sidebar or Full Width. You can do this by setting the custom field Page Layout of the page:

Selecting a sidebar

By default this page template uses the Default Sidebar. If you would like to use another sidebar, you can create one in the Evermore Options » General » Sidebars section and after that you can set the custom field Sidebar and select the sidebar that you have just created. To customize it you have to go to the Appearance » Widgets and find the selected sidebar. You can drag and drop widgets from the left into it.

Setting a slider/static image for the page:

In order to set a slider, you have to set the custom field Header on the page. In this field you can select between Nivo Slider/Fader, Static Header Image and None.
-If a slider is selected, the default slider of the selected slider type will be automatically assigned to the blog page. If you have created additional sliders, their name will be displayed in the relevant slider section of the drop-down list. You can read more about setting the sliders in the Sliders section.
-If Static Header Image has been selected, you can set the static image by setting the image as a Featured one. Here is explained how to do this.

### g. Archive page

The archive page displays an archive of the blog posts by category, month and a list with the posts.

To create an archive page you have to create a new page (Page » Add New) and select the "Archive" option in the "Template" field of the page (located in the right sidebar of the edit page screen)

Setting the page layout

For this page you can select the layout to be Right Sidebar, Left Sidebar or Full Width. You can do this by setting the custom field Page Layout of the page:

Selecting a sidebar

By default this page template uses the Default Sidebar. If you would like to use another sidebar, you can create one in the Evermore Options » General » Sidebars section and after that you can set the custom field Sidebar and select the sidebar that you have just created. To customize it you have to go to the Appearance » Widgets and find the selected sidebar. You can drag and drop widgets from the left into it.

## 9. Changing the theme style

All the style settings can be done in the Evermore Options » Styles

Changing the background color:

You can select a background color within the predefined colors we have provided from the Predefined Background Colors field.

If you would like to use another custom color, rather than one of the predefined colors, you can select your color in the Custom Background Color field below:

Changing the background image/pattern:

If you would like to use a background pattern for the theme, rather than the default one, you can choose one from the Background Pattern section.

If you would like to use your own custom pattern, you can upload it within the "Custom Background Pattern" field below.

These are the main style settings that you can do on the theme. In the Styles section there are some other custom settings that you might need to change such as text size, different sections' colors, etc.

## 10. Elements and shortcodes back to top

### a. Social Sharing Buttons

The theme includes sharing buttons for the main social network sites: Facebook, Twitter, Google+ and Pinterest . These buttons can be enabled on posts, pages, portfolio posts and portfolio post sliders.

You can configure the how and where the buttons will be displayed in the Evermore Options » General Settings » » Social » Social Sharing Buttons section.

### b. Portfolio Carousel

The portfolio carousel displays the portfolio posts in a carousel:

You can insert a carousel anywhere in the content of your pages or posts by using the "Insert Portfolio Carousel" button of the editor buttons:

In the dialog that will be opened you can choose the portfolio category to display, set a title and setup the ordering options. The carousel will be added as a shortcode in the content of the post/page.

### c. Editor Formatting Buttons

You can use these buttons to insert:

- Styled headings
- Text highlights
- Drop caps
- Styled lists
- Image frame
- Lightbox image
- Info boxes - info / error / note / tip
- Buttons
- Columns - 2, 3 and 4 columns
- Videos - YouTube / Vimeo / Flash
- Testimonials
- Services boxes
- Portfolio carousel

### d. Shortcodes

Some elements, such as the jQuery tabs, can be displayed by using shortcodes - in order to use a shortcode you just have to paste its code into the content text area of the page/post.
Available shortcodes:

Tabs

The jQuery tabs look like this:

    		[tabs titles="Title One, Tab Two, Tab Three"][pane]Tab One Content[/pane] [pane]Tab Two Content[/pane] [pane]Tab Three Content[/pane][/tabs]

Note:Please make sure that all the shortcode tags are on the same line, but separated with at least a space, for example:

    		... [pane]Tab One Content[/pane] [pane]Tab Two Content[/pane] ...

Accordion

The Accordion looks like this:

    		[accordion][apane title="First Pane"]Pane One Content[/apane] [apane title="Second Pane"]Pane Two Content[/apane] [apane title="Third Pane"]Pane Three Content[/apane][/accordion]

Note:Please make sure that all the shortcode tags are on the same line, but separated with at least a space, for example:

    		... [apane]Tab One Content[/apane] [apane]Tab Two Content[/apane] ...

Sidebar contact form

The sidebar contact form looks like this:

You can insert this contact form in the sidebar or footer section just by using the WordPress Text widget and inserting the following shortcode into it:

    		[contactform]

You can set the email to which to send the messages in the Evermore Options » Page Settings » Contact section.

## 11. Fonts back to top

By default the theme uses the "Open Sans" Google font.

All the fonts settings can be done in the Evermore Options » Style settings » Fonts section.

This section provides an option to change the fonts for the main body font, headings and menu:

By default you can select between the standard web-safe fonts in the font options. However, you can also add custom Google fonts.

Adding Google fonts

You can browse the Google Fonts library here

In order to use Google Fonts, the field "Enable Google Fonts" should be set to "ON". You can add additional fonts in the "Add Google Font" section.

In the Font Name / Font Family you have to either insert the font name of the font or a font family.

In the Font URL field you have to insert the URL of the font file.

EXAMPLE

If you would like to use the Nobile font, click on the "Quick Use" button.

In the Font Name / Font Family field you have to insert the font family that Google Provides, in this case:
'Nobile', sans-serif

In the Font URL you have to insert the font file URL only (not the entire embed link), in this case:
http://fonts.googleapis.com/css?family=Nobile

After you click on the "Add Font" option, this font will be automatically added to the default theme font list where you can choose what fonts to apply to the elements

## 12. Translation back to top

For this theme we have provided the possibility to easily translate/change the built-in words from the admin panel, without having to edit the PHP files. You can do this in the Evermore Options in the Texts and Translation section.

Setting a multi-language installation

If your WordPress installation supports more than one language, you can set the theme built in words change depending on the selected language. In order to do this you have to follow the following steps:

1. In Evermore Options » Texts and Translation » Settings select "ON" for the "Enable Translation" field.
2. In the same section select the locale for the default language. If your default langauge is English, you don't have to change this field. If, for example, you would like to change the default language to German, in this field you have to insert de_DE. Here you can see some examples of locales. For the default installation language, the theme will use the words that are set in the Evermore Options » Texts and Translation section.
3. Create .mo files for the additional languages
   In the lang folder within the main theme folder you will find a file called default.po. You have to open this file with a program that can generate .mo files, such as PoEdit. Once you open it, you can insert the words in the additional language. Here is an example, with the file opened with PoEdit and the meanings of the words inserted into English:
   In the same way you can insert the translations in the additional language. Once you save the document, a .mo file will be generated in the directory you specify. You have to rename this .mo file to the locale of the language used. For example, if this language is French, the name of the file should be fr_FR.mo. After that, you have to insert this .mo file in the lang directory of the theme.

## 13. Plugins included back to top

The theme goes with some additional plugins included:

- Pexeto's portfolio posts loader - its purpose is to display the latest portfolio thumbnails in the sidebar
- Pexeto's latest posts loader - its purpose is to display the latest blog posts with thumbnails in the sidebar
- WP PageNavi - displays an advanced blog pagination - downloaded from http://wordpress.org/extend/plugins/wp-pagenavi/
- Simple Google Map - displays a Google Map in the sidebar - downloaded from http://wordpress.org/extend/plugins/simple-google-map/

All the widgets are located within the plugins folder of the download folder. In order to activate them, you have to go to the WordPress admin panel -> Plugins -> Add New -> click on the Upload link and find the plugin file you want to install on your local file system. After the plugin has been uploaded successfully you need to click on the Activate link. For the WP PageNavi plugin only activation is needed. For the other two you need to go to the Widgets section and drag and drop them to the sidebar you like.

Note: The Contact Form widget that you see on the demo in sidebar section is not added via plugin, but with a shortcode. It is explained how to add a contact form in the Shortcodes section above.

## 14. CSS Files back to top

The theme contains the following CSS files:

- style.css - the main CSS file containing the styles for the default dark skin
- style_ie8.css - for Internet Explorer 8
- prettyPhoto.css - style for the PrettyPhoto plugin

LESS file included

We have also included a style.less file which is the one that we have used to generate the style.css file, so if you would like to apply major modifications to the style of the theme, you may consider using this file to generate the style.css where all the main colors and sizes are declared as variables. The style.less file is located in the root folder of the theme.

The style.css file consists of the following main sections:

1. CSS Reset
2. Basic Typography
3. Basic Document Structure and Styling
4. Theme Colors & Stylings
5. Widgets and Page Templates
6. Elements
7. Others
8. Media Queries
9. Updates

You can check the full list with sections in the beginning of the file.

For each of the main parts of the website there are comments. For example, for the footer the comments look like this:

    /*-------------------- MEDIA QUERIES --------------------*/
    --media queries styles here--

Note: If you need to do some CSS changes, it is recommended to add the new styles into the Evermore Options » Styles Settings » Additional Styles section, rather than editing the style.css file itself, as these changes will be saved trough the updates of the theme.

## 15. Javascript files back to top

The theme contains the following JavaScript files:

- main.js- this is the main script for the theme, it includes all the basic JavaScript functionality such as initialization code and widgets scripts. Also, in order to decrease the number of JavaScript file requests and decrease the loading time, it contains the code from another JavaScript libraries/plugins:
  - jQuery Touchwipe - downloaded from http://www.netcu.de/jquery-touchwipe-iphone-ipad-library
  - Mousewheel - downloaded from http://brandonaaron.net/code/mousewheel/docs
  - mwheelintent - downloaded from http://www.protofunc.com/scripts/jquery/mwheelIntent/
  - jQuery imagesLoaded plugin - downloaded from http://github.com/desandro/imagesloaded
  - Sharrre - downloaded from http://sharrre.com/
  - Pretty Photo - this ithe jQuery plugin for lightbox effect for the images on the portfolio page- downloaded from http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/#download
  - jQuery Easing - for the animation transitions- downloaded from http://gsgd.co.uk/sandbox/jquery/easing/
  - hoverIntent - downloaded from http://cherne.net/brian/resources/jquery.hoverIntent.html
- portfolio-gallery.js- this file contains the Grid Gallery page functionality. This file also includes the following third party libraries:
  -jQuery ScrollTo - downloaded from http://flesler.blogspot.com.au/2007/10/jqueryscrollto.html - jScrollPane - downloaded from http://jscrollpane.kelvinluck.com/
- masonry.js - jQuery Masonry - downloaded from http://masonry.desandro.com
- nivo-slider.js- the Nivo slider- downloaded from http://nivo.dev7studios.com
- content-slider.js - the Content Slider (by Pexeto)
- thumbnail-slider.js - the Thumbnail Slider (by Pexeto)
- ajaxupload.js- script for the image uploading- downloaded from http://valums.com/ajax-upload/
- colorpicker.js - script for the color picker- downloaded from http://eyecon.ro/colorpicker/#download
- jquery-ui.js- jQuery UI - downloaded from http://jqueryui.com/
- jquery.cookie.js - jQuery Cookie - downloaded from http://plugins.jquery.com/project/Cookie

## 16. PhotoShop files and image resources back to top

The theme comes with PhotoShop files included - they are located within the photoshop_files folder of the main downloaded zip file. Every PSD file has a clear structure and is organized in groups with well named layers.
Special thanks to all the great graphic resources to:

- Mono Social Iconshttp://icondock.com/free/mono-social-icons
- Pixel patterns http://naomiatkinsonproducts.com/
- Repeatable Pixel Patterns http://www.premiumpixels.com/20-repeatable-pixel-patterns/
- Iconmoon icons: http://icomoon.io/
- Vector Patterns http://speckyboy.com/2010/04/08/6-free-vector-seamless-backgrounds-source-files/
- Seamless Patterns http://www.premiumpixels.com/20-seamless-photoshop-grid-patterns/

Images used on the demo: http://photodune.net/

## 17. PHP files back to top

Apart of the main files needed for this theme to run, here are the other external PHP files used:

- timthumb.php- the purpose of this script is to create small thumbnails from bigger images. The file is downloaded from: http://code.google.com/p/timthumb/
- upload-handler.php- this is the file that contains the functionality for the image uploading in the theme options page - downloaded from http://valums.com/ajax-upload/
- Envato WordPress Toolkit Library - downloaded from https://github.com/envato/envato-wordpress-toolkit-library

## 18. Troubleshooting back to top

In this section you can check the most common issues and the solutions for them

1. Fail to install the theme

   If you experience any problems with installing the theme, please check the following:

   - Please make sure you have installed the theme as described in the Activating the theme section
   - If you have used the WordPress uploader and can't upload the theme: as the theme is versatile and provides lots of options, its zip file is bigger than standard themes and some servers can't handle an upload with that file size. In this case you have to use an FTP client to upload the theme.
   - If you have used an FTP client to upload the theme:
     * make sure the theme main files (such as style.css and index.php) file are located just within one directory apart the wp-themes directory. The right way to locate your root theme files is for example themes/Evermore but not themes/Evermore/Evermore
     * the problem you are experiencing may be related with the FTP client used - in this case you can try with another one- we recommend FileZilla FTP client.
   - Make sure you have WordPress 3.0 or higher installed
   - Make sure your server is running PHP version 5 or higher. Although when developing the theme, we have followed the main rules for cross-version compatibility, we have the possibility to test the theme on servers running versions higher than 5.0. If your server runs an old PHP version and you get any errors when installing the theme, you can contact the hosting support and ask them update PHP to a newer version.
2. Portfolio thumbnail/Slider image not generated

   Please refer to the Timthumb not resizing images troubleshooting article

3. Contact form not sending emails

   Please refer to the Contact form not sending emails article

More troubleshooting articles

You may also consdier checking our Knowledgebase to search for frequently asked questions.

## 19. Support back to top

We will do our best to assist with questions directly related to the theme set up, however please note that theme support is completely voluntary for ThemeForest authors. Therefore before you contact us, please consider finding an answer to your question in:

- The relevant section of the documentation
- Search our Knowledgebase which contains frequently asked questions
- Troubleshooting section above
- WordPress Codex for general WordPress questions
- Google for general questions

Note: If you have already explored all the sources of information stated above, and you are still experiencing problems with the theme set up, you can open a ticket with your question on the Pexeto Support Site.
'

## 20. Updates back to top

You can install an update of the theme either automatically by using the built in the theme automatic update functionality or manually.

Installing the update automatically
Important: Please note that with the automatic theme update any code modifications done in the theme's code will be lost, so please make sure you have a backup copy of the theme files before you update the theme.
Important: The folder that contains the theme files must be called "Evermore" in order to automatically update the theme.

In order to use the automatic update functionality of the theme, first you have to go to Evermore Options -> General -> Theme Update section and insert your Envato Marketplace Username and Envato Marketplace API Key. The Envato Marketplace Username field should contain the username of the account you have used to purchase the theme on ThemeForest.
To obtain your API Key, you have to visit your "My Settings" page on any of the Envato Marketplaces (ThemeForest). You can get the API Key in the "API Keys" section of the "My Settings" page.

When a new update is released you should see a new menu item in Dashboard called "Evermore - New Updates". Please note that it may take several hours after the update is released to have it displayed, as the cache is refreshed periodically on several hours. When you open the "Evermore - New Updates" page you have to click on the "Automatically Update Theme" button and the theme will be automatically updated for you.

Installing an update manually

There are two main ways of installing an update manually:

- By uploading the theme as a new theme (recommended)- this is an easier way to accomplish this.
  First you have to either delete your current theme or rename its folder on the server. To rename the theme you have to log in via FTP to the server, navigate to the WordPress installation folder » wp-content » themes folder where you will find the theme folder that you can rename. After this you just have to upload the updated theme zip file via the built in WordPress theme uploader as a new theme as explained here and activate the theme.
  Note: Please note that with the activating of the new theme it is possible your menu setting not to be saved for the new theme. If so, you just have to go to Appearance » Menus » Theme Locations, select the menu (it will be still there) and press the "Save" button.

  Once you install the updated theme and make sure that everything is working normally, you can go back to the Themes section and delete the older version of the theme.

- Via FTP - you can use an FTP client (such as FileZilla) and replace all the theme files with the updated ones. The theme folder is located in the WordPress installation folder » wp-content » themes folder of the server.
  Note: Please note that with the file replacing all the code changes you have made to the files (if you have made any) will be lost, so please make sure you have a backup copy of the theme files before you do the replacement. All the settings that you have made from the admin panel won't be lost- they will be still available.

### Version 1.0.1

This update includes:

- Fixed a problem about the logo and some of the styling options from the Pexeto Panel not being displayed correctly.

### Version 1.0.2

This update includes:

- Improvements in the thumbnail container positioning of the Thumbnail Slider when the autoplay functionality is enabled
- Improved the image resizing functionality of the gallery slider for mobile devices
- Layout improvements for IE8
- Fixed a dialog style overlapping in the back-end

### Version 1.0.3

This update includes:

- Fixed a typo that caused inserting CSS in the Additional Styles section to remove the other styles settings from the options panel
- Fixed a styling issue for the logo - repeating image under some cirumstances on some device screens
- Improved the spacing of the images inserted into the post/page content

### Version 1.0.4

This update includes:

- Fixed an image stretching on the gallery slider on Internet Explorer 9
- Added the featured image description in lightbox display of the portfolio gallery when no images have been added to the item, but only the featured image has been set.

### Version 1.0.5

This update includes:

- Minor file settings changes (e.g. changed the character encoding of the js/content-slider.js file)

### Once again, thank you so much for purchasing this theme! If you like it, please don't forget to rate it on the ThemeForest site.

Pexeto

Go To Table of Contents