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.

How To Find Your Purchase Code

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 intent.zip. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Install Theme

1. Click on Themes in the Appearance Menu
2. Click on the Install Themes tab
3. Click the Upload link
4. Select the intent.zip file
5. Click Install Now

Activate Theme

1. Click on Themes in the Appearance Menu
2. Click on Activate under the Intent theme

Finding Theme Options & Modules

As 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 your general theme settings and options are, which we will go through in detail below.

Theme Style

Change the theme base style by selecting an option from the dropdown box.

Custom Stylesheet

Instead of editing style.css, enable the style-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.

Favicon

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.

RSS Feed

If you use a service such as FeedBurner enter full URL of your feed.

Analytics Script

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.

General

Set general blog options.

Read More Text

Set the read more text when using exceprts.

Excerpt Ending

Set the excerpt ending for pages that use excerpts.

Excerpt Length

Set the excerpt length. The default is 55 words.

Blog Format

Set the format to use for the blog. You can display just text, post formats, or post thumbnails.

Featured Posts

Enable featured posts and set options.

Enable

Enabled featured posts. By default featured posts are not shown in content area below.

Category 1

Select the first category for featured posts.

# of Posts

Selec the number of posts to display from the first category.

Category 2

Select the second category for featured posts. Theme will only show 3 posts from this category.

Post Content

Display the full post or post excerpt on each of the page types specified.

Post Details

Hide post details from each post by selecting the appropriate option.

Author Block

Display an author block at the end of each post. THe author's picture is pulled from gravatar and the text from the Biographical Info option in the author's profile.

Comments

Comments Form Location

Display the comment form above or below comments.

Disable Comments

Disable comments on posts and/or pages.

Title

Site Name

Append the site name to the title of each post.

Separator

The separator to display between the site name and the page/post title.

Home Page

Title

Set a custom title for the home page.

Meta Description

THe home page meta description.

Meta Keywords

The home page meta keywords.

Robot Meta Tags

noindex

Do not allow search engines to index the selected page types.

noarchive

Do not allow search engines to archive the selected page types.

nofollow

Instruct search engines not to follow links on the selected page types.

noodp,noydir

If your site is listed in DMOZ or the Yahoo Directory search engines will use descriptions from these sites instead of your meta description. Select the options here to prevent this.

Custom Logo

Upload logo by clicking the Select Image button and selecting from Media Library.

Tagline

Disables the site description (tagline) in the header.

Search Field

Disables the search field in the header.

Archive Heading

Disables the archive heading on archive pages.

Separate Widget Areas

You can display different sidebars for each of the page types listed above. Select each page type that you would like to enable a separate widget area for (sidebar). These will appear as new widget-boxes in Appearance > Widgets.

Footer Widgets

Enable footer widgets.

Footer Text

Replace the standard footer text. Your text will be wrapped in a <p> tags.

Contact Information

Display contact information in the footer of each page by filling in the appropriate information.

Advanced Styling

Enable advanced theme styles, allowing you to set additional color and image options.

Theme Color

Set the base color of the theme.

Header

Set the header text color, background color, and an optional background image.

Subheader

Set the subheader background color and an optional background image.

Body

Set the body background color and an optional background image.

Footer

Set the footer background color and an optional background image.

Miscellaneous

Disable shadows for selected elements.

The social module allows you to quickly and easily manage your social media links.

Create Link

To create a new link enter the URL, set a Label, and select an Icon. As an example:

• URL - http://twitter.com/wpbandit
• Label - Twitter
• Icon URL - Click Twitter icon in the icon box

Once you are done click the Add Item button. Links are automatically displayed in theme's footer. If you make any updates be sure to click the Update button.

Order Links

Drag link items using the "bars" to reorder link items.

Enable

Enable breadcrumbs. The options available change based on if you have a static vs non-static (blog) home page.

Separator

Archive pages use a separator in breadcrumbs. For example, Category: Business Set this option to replace the default separator.

Disable Post Title

Do not show the post title in breadcrumbs.

Non-static home page

Disable

Disable breadcrumbs on the home and/or archive pages.

Labels

Change the home page label. The default label is your site name.

Static home page

Disable

Disable breadcrumbs on the front, blog, and/or archive pages.

Labels

Change the front page and blog labels. The default front page label is your site name and the default blog label is the page name.

Enable

Enable the portfolio.

Rewrite Slugs

The rewrite options allow you to customize the URL's of portfolio items and categories. Similar to using permalinks to customize blog posts and category URL's.

Post Type

The URL segment used to display portfolio items. For example, if you typed work into this box your portfolio items would have the following link:

http://site.com/work/%post_name%/

If the Post Type box is empty (or permalinks are disabled) your URL’s will look like:

http://site.com/?portfolio=%post_name%

Category

The URL segment used to display portfolio categories. The category text will be appended to the Post Type slug above. For example, if I set the URL to category the URL would be the following:

http://site.com/work/category/%category_name%/

If the Category box is empty (or permalinks are disabled) your URL’s will look like:

http://site.com/?portfolio_category=%category_name%

Enable

Enable a custom login page.

Logo

Upload your own logo and change the logo URL. By default your login page shows a WordPress logo and links to wordpress.org.

Colors

Change the background, link, and link hover colors.

CSS

Customize the page by including your own CSS to override default WordPress styles.

Enable Maintenance Mode

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.

Intent has 10 page templates. To see examples of each page template visit our demo page. Page Templates.

To set a page template for your page, do the following:

1. Edit or create the page you want to use.
2. In the dashboard, locate the second block to the right called "Page Attributes".
3. Find the "Template" dropdown in this block. Select the template you want to use and hit save/update.
4. You now use the page template! All additional options will appear below the large text field.

How to use the "Front" page template:

1. Create a new page and select "Front" as page template. Hit save/update.
2. New options will appear below the large text field - here you can enable slider, blog post and featured portfolio items.
3. To upload images to the slider, click on the media icon next to "Upload/Insert". Upload your images, they will be cropped to the correct size if the original files are large enough.
   Slider 1 max size: 1600px width, 500px height
   Slider 2 size: 940px width, 420px height
   Slider 3 size: 940px width, 460px height
   Slider 4 size: 940px width, 460px height
   (To change these sizes, you need to edit the file _front-slider-1/2/3/4.php. This is how the code for Slider 1 looks. Change the numbers and it will auto-resize.)

   <?php $img = bandit::vt_resize($image->ID,'','1600','500',TRUE); >
   

4. Inside the upload-popup, go to Gallery tab to enter caption (text on image), or insert a link in the description field to link the slider image. You can also re-order slider images by typing numbers into the gallery list (small fields to the right).

Setting up a Static Front Page

By default the front page ("Home") of your WordPress site will display your latest posts. You can change this so readers see a static page instead, and can view your posts on a different page.

1. Click Pages > Add New in your Dashboard.
2. Title this page "Home" (you can, of course, name it whatever you like)
3. Type the content and select the template you want displayed on the front page of your site and publish it.
4. Write another new page.
5. Title this page "Posts" (Or "blog" if you want sitename.com/blog)
6. You don't need to type content, because it won't be displayed. Publish the page.
7. Click Settings > Reading on the left menu in your Dashboard.
8. You will see the following options. Set yours to look like this:

After making these changes, posts will no longer show on the front page of your blog. The static page "Home" will show there. Visitors will need to click on the link to "Posts" page to see your posts.

How to setup your portfolio:

1. First, make sure that you have enabled the portfolio in Intent > Theme Modules > Portfolio
2. Create a new page and select "Portfolio" as page template. Hit save/update.
3. New options will appear below the large text field - here you can enable/disable lightbox, size-switch, default size and more.
4. Now you have a portfolio page set up!

How to add new portfolio items:

Adding new portfolio items works much like regular blog posts. To add items, go to Portfolio > Add New in the WordPress dashboard.

• Description is written in the large text field.
• Shortcodes will work fine to use in the text field.
• Images are uploaded by clicking the media button next to next to "Upload/Insert".
• Featured image will be the image that shows up as thumbnail
• Additional single-page options are listed below the large text field.

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.

How To Setup Your Contact Page

1. Install and activate Contact Form 7
2. Go to Contact in your WordPress dashboard
3. Edit Contact form 1
4. In the form field, paste the following:
   
   

   <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>
   

5. Copy the code in the brown field and insert it on the page where you want your contact form.

Example of full contact page (as seen on demo site)

[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.

Intent supports plenty of shortcodes. To see all of the example and the corresponding code visit our demo page. Shortcodes Demo.

Accordion

[accordion]
[acc title="Accordion Title 1"]...[/acc]
[acc title="Accordion Title 2"]...[/acc]
[acc title="Accordion Title 3"]...[/acc]
[/accordion]

Alerts & Messages

[alert type="notice"]...[/alert]
[alert type="warning"]...[/alert]
[alert type="success"]...[/alert]
[alert type="error"]...[/alert]
[alert type="info"]...[/alert]

Buttons

[button link="#" size="small" target="_blank"]Awesome Button[/button]
[button link="#" size="medium"]Awesome Button[/button]
[button link="#" size="large"]Awesome Button[/button]
[button link="#" style="light"]Awesome Button[/button]
[button link="#" style="dark"]Awesome Button[/button]
[button link="#" style="default"]Awesome Button[/button]

Columns

[column size="one-half"]...[/column]
[column size="one-half" last="true"]...[/column]

[column size="one-third"]...[/column]
[column size="one-third"]...[/column]
[column size="one-third" last="true"]...[/column]

[column size="two-third"]...[/column]
[column size="one-third" last="true"]...[/column]

[column size="one-fourth"]...[/column]
[column size="one-fourth"]...[/column]
[column size="one-fourth"]...[/column]
[column size="one-fourth" last="true"]...[/column]

[column size="three-fourth"]...[/column]
[column size="one-fourth" last="true"]...[/column]

[column size="one-fifth"]...[/column]
[column size="one-fifth"]...[/column]
[column size="one-fifth"]...[/column]
[column size="one-fifth"]...[/column]
[column size="one-fifth" last="true"]...[/column]

Google Maps

[googlemap address="Stockholm, Sweden" width="640" height="300" zoom="10"]

Values you can use:

• latitude=""
• longitude=""
• maptype="hybrid, satellite, roadmap, terrain"
• width="200"
• height="200"
• scrollwheel="true, false"
• zoom="10"
• address="Stockholm, Sweden"
• marker="true, false"
• popup="true, false"
• fullwidth="true, false"

List Shortcodes

[list type="arrow"]
[li]list Item[/li]
[/list]

[list type="check"]
[li]list Item[/li]
[/list]

[list type="plus"]
[li]list Item[/li]
[/list]

[list type="minus"]
[li]list Item[/li]
[/list]

[list type="cross"]
[li]list Item[/li

Pricing Tables

[price-table col="col-4"]
[plan name="Free Plan" price="0" color="999999" per="year" link="http://www.google.com" linkname="Sign Up"]
< ul>
	< li>List Item< /li>
	< li>List Item< /li>
	< li>List Item< /li>
< /ul>
[/plan]
[plan name="Basic Plan" price="9$" link="http://www.google.com" "color=000" linkname="Sign Up"]
< ul>
	< li>List Item< /li>
	< li>List Item< /li>
	< li>List Item< /li>
< /ul>
[/plan]
[plan name="Popular Plan" price="19$"  link="http://www.google.com" featured="true" linkname="Sign Up"]
< ul>
	< li>List Item< /li>
	< li>List Item< /li>
	< li>List Item< /li>
< /ul>
[/plan]
[plan name="Extreme Plan" price="29$" link="http://www.google.com" linkname="Sign Up"]
< ul>
	< li>List Item< /li>
	< li>List Item< /li>
	< li>List Item< /li>
< /ul>
[/plan]
[/price-table]

Values you can use:

• name="Plan Name"
• link="http://google.com"
• linkname="Sign Up"
• price="20"
• per="month"
• color="000000"
• featured="true, false"

Tabs

[tabs tab1="Tabular" tab2="Navigation" tab3="Awesomeness"]
[tab]...[/tab]
[tab]...[/tab]
[tab]...[/tab]
[/tabs]

Toggles

[toggle title="This is a toggle button"]...[/toggle]

Typography

[dropcap]W[/dropcap]

[pullquote]Here is your pulled and left aligned[/pullquote]
[pullquote align="right"]Here is your pulled and right aligned[/pullquote]

[highlight]Here is your highlighted text[/highlight]

Divider Line

[hr]

Creating Menus

All of our themes take advantage of WordPress Menus. To create a menu, click the Menus link in the Appearance Menu. Enter a name and click Create Menu.

Selecting a Menu

After creating your menu(s) select in the Theme Locations section. You can display a single menu in multiple locations.

Things which we have not yet covered in this documentation are most likely standard WordPress features. Here are some more details if you are new to WordPress.

Adding items to your sidebars - widgets

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.

Uploading and managing images

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.

Regenerating thumbnail-sizes

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".

Better blog pagination

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.

Changing theme language

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++.