Thanks for your purchase, your support is truly appreciated!
Thanks for your purchase! We know that you're excited to get your site up and running and we want to help. Please take the time to read through this documentation as it will help to answer most of your questions. If you encounter any issues or discover any bugs please contact us in our support forum so that we may help you.
To create an account on the support forum requires your purchase code. See the picture below for help finding your code.
Installing your theme is pretty easy! After downloading and uncompressing your theme you should find a file named Typegrid.zip
. This is a compressed file containing all of the required templates and images required for the theme to function properly.
Typegrid.zip
fileAs soon as you've activated your theme, you will see a new link appearing at the bottom of the dashboard sidebar with your theme name. This is where all of your theme options and theme modules are.
This step is optional. If you don't want to import any extra pages and texts to your site, you can skip to the next section. If you want a base similar to the demo site to work on and edit (mainly for content layouts and text formats), this is for you.
If this is your first-time install, you can skip this step.
If a new version of the theme is released (for example if we add new features or fix some bugs), you need to do the following to update your theme:
Change the theme base style by selecting an option from the dropdown box.
Instead of editing style.css, enable the custom.css
file in options. In this file you can create new styles or override existing styles. By doing this, you will be able to easily install a new updated version of the theme and copy over your custom styles to it.
Upload favicon by clicking the Select Image button and selecting from Media Library. As an example, a 16x16 px .PNG image is often used.
Afterwards, select the Full Size option and click the Insert into Post button.
If you use a service such as FeedBurner enter full URL of your feed.
If you use a service such as Google Analytics paste your tracking code in the box and set whether you want this script to load in the header or the footer of your site.
Most of the blog options are self-explaining, however we will clarify a few options to make sure they are understood correctly.
What we call "newsflash" is the dark block shown at the top of blog home and/or single pages. It lists most discussed entries (most popular), most recent posts and recent comments. You can enable and disable them as you see fit.
noindex
noarchive
nofollow
noodp,noydir
Header options are for the most part self-explaining. However, we would like to clarify the logo option.
The first thing you need to do to use the styling options is to enable it. This will load a style-advanced.css in the theme.
Enable a custom login page.
Upload your own logo and change the logo URL. By default your login page shows a WordPress logo and links to wordpress.org.
Change the background, link, and link hover colors.
Customize the page by including your own CSS to override default WordPress styles.
Allow others to work on the site while disabling access from visitors. If you need to quickly modify a template or adjust the CSS on your site this is a perfect option to use. Visitors will be temporarily redirected to a maintenance page.
The access role option allows you set what type of users have access to your site.
To see examples of each page template, please visit our theme demo page.
To set a page template for your page, do the following:
We recommend using the Contact Form 7 plugin for your contact page. You are free to use any plugin you are comfortable with but it is what we use.
<p>[text* your-name] <label>Your Name</label></p> <p>[email* your-email] <label>Your Email</label></p> <p>[text your-subject] <label>Subject</label></p> <p>[textarea your-message]</p> <p>[submit "Send Email"]</p>
[googlemap address="Stockholm, Sweden" fullwidth="true" height="300" zoom="13"] [column size="one-fourth"] <h3>Contact Info</h3> 30 South Park Avenue San Francisco, CA 94108 USA <strong>Phone:</strong> (123) 456-7890 <strong>Fax:</strong> +08 (123) 456-7890 <strong>Email:</strong> contact@company.com <strong>Web:</strong> companyname.com [/column] [column size="three-fourth" last="true"] <h3>Get in touch</h3> [contact-form-7 id="1310" title="Contact form 1"] [/column]
Remember to use the HTML-tab of the WordPress editor when pasting this code. You can switch back to visual editor after you have inserted it.
Shortcodes are easy to add and access directly from the WordPress text editor. Locate the following icon and click on it:
All available shortcodes will be shown in the expanded dropdown. If additional options exist for the shortcode, a popup will open up. Otherwise it will be directly inserted when you click on it.
Whether you are adding a portfolio item, a blog post, a gallery format post or upload images to your gallery template the same method is always used in our themes.
<img src="myimagelink.jpg" alt="description" />
(This is an area we are looking to improve for greater flexibility in a future update)
If you upload and set an image as featured on a regular page, it will show up in the header. Image captions will be large-text, centered on top of the image. Image description will show up in a small box below the caption.
Things which we have not yet covered in this documentation are most likely standard WordPress features. Here is some more useful information.
Questions about how to use images? Refer to the Managing Images section.
To add items to your sidebars, you need to use WordPress widgets. In the WordPress dashboard you need to go to Appearance > Widgets to edit your sidebars.
To insert whatever code or text you want in the sidebar, simply use one or multiple "Text" widget blocks. This widget will give you a textfield that you can add anything to, including text, html and shortcodes.
Images are a big part of most themes, and we use WordPress default gallery functionality for most image features. Read more about media uploads and usage below.
If you used another theme for your website before changing, you most likely will see that old thumbnails are of the wrong size. This is because most themes have custom thumbnail sizes. In order to easily fix this, all you need to do is download, activate and run a plugin called "Regenerate Thumbnails".
While many are happy with the "Next" and "Previous" links at the bottom of the blog, archive and search pages - others want a better pagination. This is why all of our themes support the plugin WP-PageNavi, which solves this issue. Install and activate it, and it will work right away.
In order to change language of your theme you need to edit the language .pot file in the /languages/ folder of the theme. This can be easily done with a program such as PoEdit. Your favourite text editor should also work, such as Notepad++.