Tography - Photography Theme


1. Getting Started with Tography

2. Select Home Page

3. How To add a Social menu

4. How To User WpBakery Page Builder

5. Remove EXIF data

6. Select Blog layout (2 Columns, Smal, No Image, Central)

7. How To use WooCommerce

8. Disable Animations

9. Configure About section on Sidenav

10. Create a Single Portfolio item

1. Getting Started with Tography

Welcome to the Getting Started guide for Tography Theme, please you can take a look at the information below to start using the theme.


Installing the Theme

So you've purchased our theme and you're ready to get started-- great!

When you purchase a Tography license from ThemeForest & download the theme package, you will receive a zipped folder titled "themeforest-xxxxxxxx-tography...".  Unzip this first folder. 

Within the unzipped theme package, you will find a number of folders such as design, license, etc. There is also 1 additional folder within, titled "Theme".

Inside this folder is the ZIP file with the actual theme, this file is called "".

Important: DO NOT unzip this "" folder! This particular .zip folder should remain zipped.

That's the ZIP file you have to upload to install the theme.

So let's go to your WordPress Admin Panel, and then to Appearance > Themes, then click on "Add new":

Then click on "Upload Theme":

Click "Choose File" > find your zipped "" file > Click the "Install Now" button.

Once the theme is successfully installed on your WordPress, you can "Activate" it:

Please note: If you try installing the entire zipped theme package or another incorrect file, you'll likely receive this error message:

"The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed."

If you receive this error message, please be sure that you're installing the ZIPPED file titled "".

More info about that error on this link:

Back to Top

Recommended Plugins

The theme includes plugins that you should install and activate to enable certain options.

Note: these screenshot are for demostration purpose, your theme may not need all the plugins in the screenshots. Just follow these steps and the theme will know which plugins to install.

Step 1 Right after installing the Theme you will see these next step:


Click on Begin installing plugins

Step 2 Click like the image to select all plugins in the list:


Then select Install and click Apply


The installation process will begin.

Step 3 Once all plugins are installed click on Return to Required Plugins Installer:


Step 4 All plugins are installed, now we have to activate them. Like before, select all plugins from the list, and this time click Activate:


Step 5 That’s it! Once all plugins are activated you will see this:

Captura de pantalla 2016-02-17 a las 14.58.16

Back to Top

Importing Demo Data

Optionally, you may install our demo data, which will populate your site with the pages you see on our live demo. This can give you a head start in setting up your site. Once you get your site setup and get the hang of it, you may delete the unwanted posts or pages as you see fit.

You can download only the XML Import File if you want or you can use the One Click Demo Install, this way with just one click you get the same site that you see on the demo.

For this, first make sure you have installed the One Click Demo Import plugin. You can follow the instructions in Recommended Plugins to install this plugin.

Ok, now let's go to your Admin Panel > Appearance > Import Demo Data:

This may take a few minutes, just wait until it says it is done.

Note: All the images were replaced with placeholders, this is to make the import process much faster and to avoid copyrights issues with the images.

Back to Top

Theme Options

All theme’s options are in the WordPress Customizer Appearence > Customize. Here you can select things like the styling colors, change typography and much more.

Back to Top

Change Colors

All color options are in Appearence > Customize > Colors. Select the color you want and then click on “Save & Publish”.

Back to Top

Page Builder

For your convenience, Tography includes WPBakery Page Builder.

One setting that you have to enable for the Page Builder work on the portfolio items is in WPBakery Page Builder > Role Manager:

On Post types select Custom and then select any post type that you want to use the Page Builder, for example the portfolio post type:

Child Theme

Using a Child Theme has many advantages, for example you can do any modifications you want to the files without loosing them on future updates.

So, if you want to start a Child Theme use this template as starting point: Tography Child Theme

2. Select Home Page

You can use any pages as home page on your site. 

To do this, go to your Admin Panel > Settings > Reading and select any page as Front page:

Then click on Save Changes.

3. How To add a Social menu

You can create a social menu just by adding your social URLs as a menu item.

First go to your Admin Panel > Appearance > Menus and click "create a new menu"

You can name it "Social" then start adding Custom Links with your social URL, like this:

Add all you social profiles and it should look something like this:

Then select the Menu Location, in this case will be the Social Menu location, and you will see the menu in the footer or on all other location where the social menu should be.

Click "Save Menu" and that's it.

On your site should look something like this:

4. How To User WpBakery Page Builder

Visual Composer is a plugin that will help you managing your content on your WordPress sites and create stunning layouts in few minutes without coding.

You can create pages as always in WordPress or use the Visaul Composer as help.

Visual Composer is included in Tography, follow the instruction here to install it:

Getting Started with Tography > Recommended Plugins

And here you can find the documentation for the Visual Composer itself:

 Visual Composer Documentation.

5. Remove EXIF data

On Tography Theme you can see the EXIF data of your images if they have it.

But if you want to remove this info, go to your Admin Panel>>Appearance>>Theme Options>>Styling and add this CSS code:

.ql_img_info{ display: none; }

And that’s it.

6. Select Blog layout (2 Columns, Smal, No Image, Central)

There are 4 type of layout for the blog than you can choose from:

Go to you Admin Panel > Appearance > Customize > Blog Options:

And there select which one you want:

Click Save & Publish  and that's it.

7. How To use WooCommerce

This theme supports WooCommerce plugin to install it, please follow the instructions here:

Getting Started with Tography > Recommended Plugins

If you need help on how to use WooCommerce, please take a look at the plugin's documentation:

WooCommerce Docs

All the Theme's options for the shop are in Admin Panel > Appearance > Customizer > Shop Options

8. Disable Animations

By default the theme has some animations to make the user experience more pleasant, if you don't want this animations, you can disable them by going to your Admin Panel > Appearance > Customizer > Site Options

Then select Disable for the Site Animations:

Click Save & Publish and that's it.

9. Configure About section on Sidenav

On your Sidenav menu you have a small about section:

You can configure this information on your Admin Panel > Appearance > Customize > Side Panel Options:

There you can choose your images and text.

10. Create a Single Portfolio item

You can create the content of portfolio items using the WPBakery Page Builder. There are 3 predefined layouts but you can create any layout you want.

Here are the 3 predefined:




Let's see how we can create the first one, for example.

Go to your Admin Panel and select add new Portfolio:

Then click on Backend Editor:

This enables the Page Builder. If you don't see this button, you have to enable WPBakery Page Builder to work with your portfolios. This is explained onGetting Started with Tography.

Now, click on Add Template

There you will see the 3 predefined layouts, just click on any:

You will see all the necessary shortcodes on the content:

Now you can start editing to add your images or videos and then click Publish.