The Google Typography plugins allows you to use any Google Font for any text on your existing website without writing a single line of code. Once the plugin is installed, you can access it from the Appearance > Typography settings page.

Importing Demo Content

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

Click on the WordPress option and follow the instructions if Import plugin isn’t installed yet (3.0+).

Download and unzip the demo content using the button above.

You will first be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.

WordPress will then import each of the posts, page, custom post types, comments, and categories contained in this file into your blog.

After this, you will also need to update the Menus by going to Appearance > Menus. Locate the Theme Locations box and select from the drop-down “Main Navigation”. Click the Save button under it to save the changes.

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

Page Options

When creating a page, there are several options available to customize the look and layout the the page.

This option simply allows you to include sidebars, or not, which can be populated with widgets. Often time widgets provide functionality that available shortcodes don’t, but for the most part sidebars aren’t necessary.

No Sidebar: This layout is an empty container, with no sidebars.

Left Sidebar: Places a sidebar on the left side of the page. Widgets for this sidebar can be provided using the “Page Sidebar”.

Right Sidebar: Places a sidebar on the right side of the page. Widgets for this sidebar are also provided using the “Page Sidebar”.

Theme Colors contain a selection of color pickers used to change the text/background colors used for almost every element within Chroma. Whenever you change a color, the demo on the right will refresh in realtime showing your change.

Helpful TipYou may also use the Post List shortcode in any page to create your blog.

Using A Custom Gravatar

This theme offers support for a custom Gravatar image. To replace the default Gravatar, create a custom image called gravatar.png and upload it to the theme /images/ folder. Once uploaded, select the new Gravatar from the “Discussion” options which can be found under Settings > Discussion.

Theme Installation

To install the theme, unzip the file you’ve downloaded from ThemeForest and use one of the two methods listed below to upload the theme files to WordPress:

Please note that you should not upload the zip file you’ve downloaded from ThemeForest as you will get a “broken stylesheet” error. Instead locate the zip file inside the main zip file you have downloaded and extracted.

We recommend using this template for your homepage with the Slit Slider or Elastic Slider shortcodes.

Pre-built Page Layouts

If you’d rather not import all of the Demo content, you can grab the shortcodes for layouts seen in the theme demo below. Simply click to expand a box below and copy & paste the code into a new page in your WordPress site.

Note: Make sure the “Text” tab in your editor is selected when pasting the code, you may switch back to “Visual” once pasted.

The Google Typography plugins allows you to use any Google Font for any text on your existing website without writing a single line of code. Once the plugin is installed, you can access it from the Appearance > Typography settings page.

Plugin SupportPlease be aware that we do not give support of any kind to third party plugins. If you are having issues with a plugin, please contact the plugin developer.

Elastic Slider

Setting up your Elastic Slider

To add a Elastic Slider to a page the first thing you’ll need to do is add slides. To do this, click on the “Elastic Slider” tab in your WP dashboard where you’ll see all slides that have been created. In order to create a new slide, click on “Add New Slide”.

Slide Options

1. Title

The title of the slide appears in larger font, at the top of the slide.

2. Content

Also referred to as description, this content appears under the title, in a slightly smaller font.

3. Categories

Categories allow you to group slides together. When using the Elastic Slider shortcode you can use the Category option to only display slides from a particular category.

4. Featured Image

This is the image that appears as the background of your slide.

Additional Options

The Elastic Slider is a beautifully unique slider. The slider offers many great features, including the fact that it is responsive out of the box. This theme allows for customizing the most common options, options described below.

Often time you’ll want to include a title for the purposes of organizing your admin area, but prefer that the title not be shown on the slide. If this option is set to yes, the title will be shown on the slide, if set to no, it will be ignored.

Select an option from this drop down will add a button to the slide that will link to the post selected. Once a post is selected a few other options become available that allow you to customize the button that appears.

Posts include the custom post types that come with this theme as well, you’ll notice the drop down is grouped by post type.

Slit Slider

Setting up your Slit Slider

To add a Slit Slider to a page the first thing you’ll need to do is add slides. To do this, click on the “Slit Slider” tab in your WP dashboard where you’ll see all slides that have been created. In order to create a new slide, click on “Add New Slide”.

Slide Options

1. Title

The title of the slide appears in larger font, at the top of the slide.

2. Content

Also referred to as description, this content appears under the title, in a slightly smaller font.

3. Categories

Categories allow you to group slides together. When using the Slit Slider shortcode you can use the Category option to only display slides from a particular category.

4. Featured Image

This is the image that appears as the background of your slide.

Additional Options

The Slit Slider provides a new way of thinking about slides. Rather than sliding, fading, or flipping, the slides of the Slit Slider appear from behind the current slide, as the current slide slits away. This theme allows for customizing many of the slider options, options described below.

Often time you’ll want to include a title for the purposes of organizing your admin area, but prefer that the title not be shown on the slide. If this option is set to yes, the title will be shown on the slide, if set to no, it will be ignored.

Slice 1 will be the left or top slice depending on your selected orientation. This option determines the angle that the slice appears at and is provided in degrees. This option supports values from -90 to 90.

Slice 2 will be the right or bottom slice depending on your selected orientation. This option determines the angle that the slice appears at and is provided in degrees. This option supports values from -90 to 90.

Select an option from this drop down will add a button to the slide that will link to the post selected. Once a post is selected a few other options become available that allow you to customize the button that appears.

Posts include the custom post types that come with this theme as well, you’ll notice the drop down is grouped by post type.

When a new service is created, it is assigned a URL by WordPress, and is styled by this theme. If this option is left empty visitors will be linked to that page. If you’d rather link your visitors to a different page, or even a different website entirely, you can do so by providing the URL here.

Per usual, it is best practice to provide the entire URL including “http://”, example: http://google.com

Testimonials

Testimonials are a great way to build trust with your visitors. Personal reviews are one of the number one reasons people work with those that they do, and/or buy the things they buy. This theme allows you to capture and display those testimonials, including photos of the individuals that provided them.

Often times those who provide testimonials have websites of their own — sometimes their website is the service you’ve provided to them! Providing a URL here will turn their testimonial into a link when displayed on your site, sending your visitors to the URL when clicked.

In addition to the options above, you can use the “Featured Image” for this post to display a photo of the individual this testimonial is from, a great touch to any testimonial!

Albums

Adding photos to your albums is easy, simply click the “Add Photos” button to open the WordPress Media Library. From here you can upload new photos, or select photos that you have previously uploaded. When added, thumbnails of each photo you selected will appear below the “Add Photos” button.

This theme allows for more than just displaying photos in a grid. The Album Options meta box provides various options that allow you to control just how your albums appears, as well as how the photos appear when clicked by a visitor.

This option allows you to change how many photos render per row when displaying the album. This provides the ability to make every album unique, because the basic design of the album changes slightly depending on how many photos are displayed per row. This theme supports anything from 1 to 4 photos per row.

This option is only available when the “Grid” or “Masonry” option is selected for “Layout Style”.

This option, if enabled, will include a button that allows your users to download the image.

In addition to the options above, you can use the “Featured Image” for this post to use for the “cover photo” for the album. If no image is provided here, each time the album is displayed a random photo from the album will be displayed.

Troubleshooting

This theme includes advanced troubleshooting features to help resolve any issues quickly and easily. If you are having trouble, follow the steps below:

Ensure you are running a fully functioning WordPress installation. For any installation issues that may cause your website or our theme malfunction you should refer to the WordPress support forum or your web host.

Read and search this documentation thoroughly for setting up and configuring all aspects of the theme.

Contacting Our Support Team

Then click the “Help Desk” link and proceed to register for a support account.

Next, proceed to create a new support ticket, detailing the issue you are experiencing. At the end of your message paste the contents of your clipboard into the text field using CMD+V (Mac), CTRL+V (Windows), or Right-Click and select “Paste”.

Once your support request is submitted, please allow 6 to 12 hours for a response. * Response times may be longer on weekends and holidays.

Using Shortcodes

1 For post types that support shortcodes the meta box below will display in the upper right of the add/edit post page. All supported shortcodes reside in this drop down.

2 Using the shortcodes is easy, simply select the shortcode you’d like to insert from the drop down and the appropriate fields will display for you to provide the data required by the shortcode.

3 Fill in the fields, and click “Insert Shortcode” and your shortcode is added to the post content area wherever your cursor is currently positioned.

Keep in mind that shortcodes are, for lack of better terms, code. When a shortcode is inserted into your editor, it will not appear as a visual element, rather text resembling code that holds the attributes of the shortcode.

Setup Your Homepage

Once the theme is installed, you can setup your homepage by navigating to your WordPress admin panel and creating a new page entitled “Home”.

To ensure your homepage is shown as your front page, navigate to Settings > Reading and select the option “A static page (select below)” then select the Home from the “Front page:” dropdown.

Updating Your Theme

New theme versions may be released from time to time. These updates often provide bug fixes, add new features to the theme, and are needed in order to ensure theme compatibility with the latest WordPress version. The two easiest ways to update your theme are:

Before updating the theme, check for updates to the T2T Toolkit plugin. You can so this by navigating to the Plugins page of your WordPress admin panel and clicking the following link:

If your FTP program warns that there is an existing folder with the same name, choose replace all files.

Translating The Theme

This theme uses WordPress localization to its fullest, meaning that this theme supports any language you’d like it to — assuming of course that your font choice supports the language you select.

In the main theme folder there is an included a .pot file for use when translating this theme into another language. You need an application name “PoEdit” that you can download it for free here, http://www.poedit.net/.

Once you’ve downloaded and installed it. Open file /languages/en_US.po with PoEdit then translate it to your language of choice. You will need to upload all the files in the /languages folder to your server once you finished translating.

Installing WordPress

WordPress is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less than five minutes to complete. We recommend reading through the WordPress documentation for the best results.

DisclaimerPlease note that we do not give support for any questions related to setting up and maintaining a WordPress install. For any installation issues that may cause your website to malfunction you should refer to the WordPress support forum or your web host.