Astrum WP Documentation

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here or submit ticket on purethemes.ticksy.com . Thanks so much!


Author: Purethemes
Created: 2013-02-22
Modified: 2013-03-06
Current Version: 1.1
Documentation Version 1.0.5

This documentation in latest version is always available on docs.purethemes.net/astrum

I assume you have your own WordPress installation, so let's get started!


Installation

You can do it in two ways:

  1. FTP Upload:
    • Unzip the “astrum-theme.zip”
    • Open up your FTP manager and connect to your hosting
    • Browse to wp-content/themes
    • Upload the astrum theme folder.
    • Log Into WordPress and go to Appearance - Themes
    • Find the Astrum and click activate
  2. WordPress Upload
    • Download the “Installable WordPress file only” you'll find it here

    • Navigate to Appearance Add New Themes Upload.
    • Follow the instructions on the screen, select the downloaded theme folder (“astrum-theme.zip”).
    • Hit Install Now and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance Themes and activate Astrum.

 

Plugins installation - step I

If installation was successful, you'll see a notice about required plugins for Astrum, to proceed click "Begin installing plugins"


Plugins installation - step II

You'll see a list of plugins, select them all and choose Install, if everything will go OK, you'll be moved to the Plugins menu in wp-admin, all new plugins should be activated


After activating the theme, you will notice under Appearance menu new sub-menu Theme Options. You'll find there Theme Options Panel, from where you can do a lot of cool stuff. Every section of Theme Options Panel will be described later.


Now open this Options Panel and hit Save button - it will set some options for the start.

If you want to have the same content on your website as Live Preview of Astrum theme, you'll need to import demo content. To do that please go to Tools Import WordPress, install plugin you'll see and than select file "extras/import.xml". You'll find it in "All files & documentation"

Just download and extract this file, you'll find the "extras" inside

If you don't want to import whole data, in "extras/layouts" you'll find txt files with code from Live Preview. You can choose for example home.txt, copy whole content of that file, than create new home page on your WordPress, paste it in Text view (the right top tab over Post/page Editor), and start working on your page based on this layout.

Notice All photos included with import file are just plain gray color, as they are copyrighted files purchased on PhotoDune. If you want to use them, list of links is at the end of this documentation.

If your import was successful, please go to Appearance Menus and in Manage Locations and for 'Primary Menu' choose "Menu", than save.

1. If you have imported content from demo, you can skip that paragraph and go straight to number 2.
First you have to create a basic page, and select page template named "Home Page Template". Now you can fill it with your content and publish. Next, create another basic page with no content and default template, name it Blog (you can use different names).

2. Go to Settings Reading and in the Front page displays choose A static page, then select page named Home.
For blog page you can select your page named Blog. Click Save Changes

Next, you should setup your permalinks to look pretty. You can go to Settings Permalinks, choose the Custom Structure, and use this: /%category%/%postname%/

You can find Revolution Slider  at the bottom of the WordPress Menu.

After pressing the Create New Slider button you will see a form where you are need to enter a Slider Title and a Slider Alias (a slug that is used to display the Slider in this theme, try to keep it simple, no spaces and special chars). Set all the setting like on image below.

The next step is creating/editing slides. You get there by just clicking on Edit Slides in the Slider Form window.

Just press "New Slide" and the native WP Media Upload dialog window will appear. Choose or Upload the slide's background image, choose "Full Size" and then "Insert Into Post"

Use the arrow handles on the right side to change the slides position in the slider (top to bottom = first to last slide to be shown) or delete it with the "Delete" button.

The "Edit Slide" leads you to the next chapter "Slide".

In the Edit Slide view you see the heart of our plugin. The drag&drop Caption editor.

But first please note that you have another chance here to change the background image with the "Change Image" button.

To create a Layer (Caption, Image or Video) press the button "Add Layer" or "Add Layer: Image". In case of a text layer a basic layer will be created you can use the "Text" field in the Layer Params to change the caption on it. The "Style" selectbox shows some basic styles (CSS classes) you can use to style the caption (you can always add own CSS classes to this field or edit the existing ones via the "Edit CSS File").

In case of an Image Layer you will see the native WP Media Uploader again. In case of a Video Layer you will prompted to a custom Video selection wizard.

You now can move the Layers around via drag&drop or type in the x and y coordinate in the corresponding fields.

The "Layers Sorting" drag&drop list determines the Layers' z-index. This list specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Whole documentation for Revolution Slider can be found in extras/revodocs/ I strongly advise to read it ;)

This theme uses WordPress 3.0 Custom Menus. Go to Appearance > Menus and you will see a panel where you can create new menus. Create one, add your created pages to it(from the left side panels) and save it. After this, go to tab Manage Locations where you can select the Menu from dropdown box . Choose your newly created menu, click Save and your menu is ready.

Post

Creating posts is nothing special if you have even basic experience with WordPress. Astrum theme offers couple of additional options in Post editor.

Post types

Astrum support 3 types of posts. You can change them in right side box. Default is Standard - that one shows only text of post. Image type shows thumbs if it has any Featured Image added. The Video post will display video if you'll fill Video URL option, and Gallery type will display gallery you've created in post. (How to create gallery is little bit further in docs)

Below Editor you'll see Layout box and Post options box.

Layout box

Layout box gives you ability to select sidebar to display with post or page, and also select layout of post - you can put sidebar on left or right side, or just show full-width content. Right side is default.

You can create more sidebars in Theme Options in Sidebars section. Just follow instruction there.

You can choose here post display type.

  1. Hide thumbnail - you can hide the post thumbnail (featured image) if you don't want it to appear on blog page or archive page, or single page. By default it will be visible everywhere
  2. Gallery if you want to use Gallery post type, here is the place to create a gallery. Check this short screencast to learn how to do it (watch fullscreen) - it was based on my other theme, Nevia, but it's the same thing here ;) :

  3. Link to Video - if you want to show video at the begining of post, paste here URL to movie (only from those sites: What Sites Can I Embed From?)
  4. Embed code - if you prefer to use embed code, or your service doesn't support oEmbed, you can put the code here

If you want to use shortcodes in post content, you need to write the excerpt or you might see non parsed shortcodes in search results or in front page. The same applies if you want to use Page Builder.

Layout box

Layout box gives you ability to select sidebar to display with post or page, and also select layout of post - you can put sidebar on left or right side, or just show full-width content. Right side is default.

You can create more sidebars in Theme Options in Sidebars section. Just follow instruction there.

Portfolio Template Options

This options apply only if page uses one of Page Template from this list:

  • Portfolio page 3 colums
  • Portfolio page 3 colums with Revolution Slider
  • Portfolio page 4 colums
  • Portfolio page 4 colums with Revolution Slider

Filters to display Instead of showing all filters at once, you can select which one to display on current page, which will allow you to create many portfolios with different content.

Filters button you can hide it if you don't want to show filters. If you've selected just one filter, it won't be visible.

The Title is a field where you can overwrite default title of Portfolio section

Slider

This options apply only if page uses one of Page Template from this list:

  • Portfolio page 3 columns with Revolution Slider
  • Page with Revolution Slider
  • Portfolio page 4 columns with Revolution Slider

If the template is used, you'll able here to select which slider should be displayed. It allows you to create pages with custom sliders.

List of page templates:

Template name Description
Home page Full width page with slider selected in Theme Options
Portfolio page 3 columns Page to list portfolio items in 3 columns
Portfolio page 4 columns Page to list portfolio items in 4 columns
Page with Revolution Slider Page with Revolution Slider
Portfolio page 3 columns + Revolution Slider page to list portfolio items in 3 columns and FlexSlider
Portfolio page 4 columns + Revolution Slider page to list portfolio items in 4 columns and LayerSlider

Portfolio is similar to posts. You can create portfolio item which will feature gallery of your images, or video clip. Create Gallery the same way you do it in posts (reminder: screencast is here, and don't forget to set Featured Image.

You can create portfolio item in two types - Wide and "Half wide". In first case, slider takes all available space, which means that ideally images for portfolio should be 1180px wide, smaller images won't look good as they will be strechted. If you wish to use only "Half wide" the images needs to be 775px wide. The height of images is not important as slider will adjust for each image.

WordPress will try to resize images you're uploading, that may result in not the results you want. If you'll notice that, the best option for you is to prepare images in exactly the size you want.

Now you have couple of custom options. First you can put subtitle to the Item name.
You can also switch gallery to Video, then just paste URL to the clip and it will be displayed in place of gallery slider. List of supported sites is here http://codex.wordpress.org/Embeds

You're free to use any shortcodes or other elements in a Portfolio content, just remember that if you're using "half" layout the content wide is just "five" columns.

Portfolio Options

Portfolio Type Video or gallery. If you select Video, you need to either put URL to video in field below or get embed code.

Portfolio layout If "wide" is selected the gallery will take all available space, if "half" is selected the gallery will take only 11 columns.

Gallery Slider the same gallery editor as for posts.

Link to video paste URL to the clip and it will be displayed in place of gallery slider. List of supported sites is here http://codex.wordpress.org/Embeds

Embed code for Video if your service doesn't support oEmbed, you need to paste here whole embed code (probably starts with "object" tags)

Page Builder in Astrum is modified version of excellent plugin named Aqua Page Builder" created by Syamil MJ.

For Astrum we needed to modify the plugins grid (by default it's 12 columns, we needed 16) and front-end markup (to fit it to Astrum. We've also modified some default blocks, and we've added many custom blocks for elements that you can find only in Astrum. (We even have one just for WooCommerce).
Please watch the screen-cast below to see how it works. If you've imported demo from content, you'll have some pre-made templates available.

Watch it in fullscreen

Here's some short info about basic plugins you can and need to use in Astrum.

Page builder plugin described in previous section of documentation

If you're using MailChimp for sending mailings, you can get subscribers by using official MailChimp Widget plugin that is nicely styled for Astrum.

This is simple and neat shortcodes generator, that allows you to build complex pages without the need of learning "shortcodes" and checking documentation.

After installing WooCommerce, be sure to go WooCommerce - Settings and uncheck option "Enable WooCommerce CSS styles". AStrum has full support for WooCommerce, with nicely styled templates matching theme design

After installing, go to Settings - PageNavi, and be sure to have checked "Use pagenavi-css.css". This will replace standard "next/prev" page buttons with pagination list.

If you want to add wishlist functionality to your shop, this plugin is the one you need ;)

Astrum is fully compatible with WPML, which means you can create multilingual versions of your site.

You need to install two plugins from WPML - WPML Multilingual CMS and WPML String Translation. You'll find extensive documentation about using WPML plugin here http://wpml.org/documentation/getting-started-guide/, but you need to know two things about Astrum to fully translate it.

Except post pages and other content that is editable from wp-admin, theme has also couple of text string which are "hardcoded" in theme files. Good news, you can translate them also! You just need to go to wp-admin -> WPML -> String Translation, and find the strings you need to translate.

Astrum has many shortcodes which will help you to build awesome layouts. In "extras" folder you have sample layouts saved as text files, so you can just copy them to your Editor and use them as a base for your site.

Here is list of all shortcodes:

[line]

This will create simple line that will add some white space below and above it

[clear]

Empty div with clearfix, use after floated elements

[dropcap color=""] A[/dropcap]

Make first letter of paragraph larger than the rest of the text. As "color" you can use also 'gray'.

[headline] Text [headline]

This will create H tag styled for nice start of paragraph. Use it a lot as it gives nice feel to content.

[icon icon=""]

This will add one of icons from Font Awesome pack

Options
  • color "color" (default), "gray"
[highlight color=""] text [highlight]

This will highlight wrapped text.

Options
  • style "color" (default), "gray", "light"

You can add many iconbox for one group but it need to be wrapped with [iconwrapper] shortcode

[iconbox title="Easy to Customize" link="" icon="icon-bullhorn" place="" width="one-third" ]Proin iaculis purus consequat sem cursus digni ssim. Donec porttitor entume suscipit. Aenean rhoncus posuere odio in tincidunt.[/iconbox]
                            

Iconbox is designed to create features lists of your products.

Options
  • title - required field
  • link - where user will be moved after clicking box
  • icon - FontAwesome icon
  • place - first/last/center/none
  • width - width of box, default is 'one-third'
[recent_work limit="4" title="Recent Work" orderby="date" order="DESC" filters="" width="sixteen" place="center" exclude_posts=""] 

This shortcode will display scrollable list of items from Portfolio, you can get them from specific filters or change order of display.

Options
  • title - required field
  • limit - how many items to display
  • orderby - none | ID | author | title | name | date | modified | parent | rand | comment_count
  • order - ASC | DESC
  • filters - put names of filters separated by comma to display items only from those filters
  • exclude_posts - put ID's of portfolio items, separated by comma to exclude them from list
  • place - first/last/center/none
  • width - width of box, default is 'one-third'
[testimonials limit="4" title="Testimonials" orderby="date" width="" place=""]
    OR
[happytestimonials limit="4" title="Testimonials" orderby="date" width="" place=""]
                    

This shortcode will display carousel with testimonials. You need to first add them in WordPress, in Testimonials menu (it's a Custom Post Type) If you want some nicely styled carousel with company logo you can try 'happytestimonials' shortcode.

Options
  • title - required field
  • limit - how many items to display
  • orderby - none | ID | author | title | name | date | modified | parent | rand | comment_count
  • place - first/last/center/none
  • width - width of box, default is 'one-third'
[team limit="4" title="Team" members=""]
                        

Team shortcode is used on About Us page - it gives nicely styled boxes to feature team members of your comapny. You need to first add team in WordPress, in Team menu (it's a Custom Post Type)

Options
  • title - required field
  • limit - how many items to display
  • members - if you want to show specific members, you can put here ID's separated by the comma

Astrum is based on modified Skeletons grid - Full width page has 16 columns, if it's page with sidebar it has 12 columns. Using columns shortcodes you can build your own layouts.

The important part of columns shortcode except the width is place. You have 3 options here - first, none or last. If last is used, it's assumed that this column is last in current row and floats will be cleared. First  will set margin-left to 0px. If you have more than two columns you might want to use also place="center" - it will set margin left and margin right to 0px. It's good to try different parameters to find out what looks the best in specific situation.


[column width="one-third" place="first" ] Put here content [/column] [column width="two-thirds" place="last" ] Put here content[/column]
                                
Options
  • width "sixteen" (default), "fifteen", "fourteen", (..), "two", "one"
  • place "first" (default), "center", "last", "none"
  • custom_class just adds custom class to the container div, handy if you want to style something in different way

You can use other shortcodes in columns.

[noticebox title="This is a Headline" icon="" link=""]  Adipiscing elit. Cras eu nisl quam. Cras in elit a massa fermentum bibendum.
[/noticebox]
                        

it's good way to show "call to action" buttons and important informations. Example:

[tooltip title="" url="" side=""] text [tooltip]

Create tooltip over link, showed on hover.

Options
  • title
  • url
  • side top | left | bottom | right

It needs to be wrapped with [skillbars] shortcode

[skillbars] [skillbar title="Security" icon="icon-shield" value="90"][skillbar title="HTML / CSS" icon="icon-html5" value="80"][skillbar title="Usability" icon="icon-laptop" value="70"][skillbar title="Marketing" icon="icon-puzzle-piece" value="60"] [/skillbars]
                        

This will show animated horizontal bars that represents levels of your skills

Pricing tables are not available currently from TinyMCE editor.

Sample code for Pricing table:

[pricing_table title="Standard" price="9.99" buttonlink="#" per="per month" place="first" ]<ul>
    <li>25 GB Storage</li>
    <li>Free Live Support</li>
    <li>Unlimited Users</li>
    <li>No Time Tracking</li>
    <li>Enhanced SSL Security</li>
</ul>[/pricing_table][pricing_table title="Premium" price="29.99" per="per month" buttonlink="#" type="featured" ]<ul>
    <li>50 GB Storage</li>
    <li>Free Live Support</li>
    <li>Unlimited Users</li>
    <li>No Time Tracking</li>
    <li>Enhanced SSL Security</li>
</ul>[/pricing_table][pricing_table title="Professional" price="69.99" per="per month" buttonlink="#" type="premium"]<ul>
    <li>100 GB Storage</li>
    <li>Free Live Support</li>
    <li>Unlimited Users</li>
    <li>No Time Tracking</li>
    <li>Enhanced SSL Security</li>
</ul>[/pricing_table] [pricing_table title="Ultimate" price="99.99" per="per month" buttonlink="#" place="last"]<ul>
    <li>100 GB Storage</li>
    <li>Free Live Support</li>
    <li>Unlimited Users</li>
    <li>No Time Tracking</li>
    <li>Enhanced SSL Security</li>
</ul>[/pricing_table]

                        

Here's one regular column:

                                [pricing_table title="Ultimate" price="99.99" per="per month" buttonlink="#" place="last" ]<ul>
                                <li>5 GB Storage</li>
                                <li>Free Live Support</li>
                                <li>Unlimited Users</li>
                                <li>No Time Tracking</li>
                                <li>Enhanced SSL Security</li>
                                </ul>
                                <a href="#">Sign Up</a>[/pricing_table]
                            
Options
  • type standard | premium | featured
  • title required
  • currency by default $
  • price just a number
  • per "per month" | "per year" etc
  • buttonstyle additional class for button
  • buttonlink URL
  • buttontext "Sign up" etc
  • width "sixteen" (default), "fifteen", "fourteen", (..), "two", "one"
  • place "first" (default), "center", "last", "none"

Remember that there shoudn't be any white space between closing and opening tag [/pricing_table][pricing_table]

It needs to be wrapped with [social_icons] shortcode


[social_icons] [social_icon service="twitter" url="#"] [social_icon service="dribbble" url="#"] [social_icon service="facebook" url="#"] [social_icon service="linkedin" url="#"] [social_icon service="gplus" url="#"] [social_icon service="stumbleupon" url="#"] [social_icon service="fivehundredpx" url="#"] [social_icon service="pinterest" url="#"] [social_icon service="forrst" url="#"][social_icon service="digg" url="#"] [social_icon service="spotify" url="#"] [social_icon service="reddit" url="#"] [social_icon service="delicious" url="#"] [social_icon service="appstore" url="#"] [social_icon service="paypal" url="#"] [social_icon service="blogger" url="#"]   [social_icon service="evernote" url="#"] [social_icon service="instagram" url="#"] [social_icon service="flickr" url="#"] [social_icon service="rss" url="#"] [social_icon service="youtube" url="#"] [social_icon service="vimeo" url="#"] [social_icon service="xing" url="#"] [social_icon service="yahoo" url="#"] [social_icon service="amazon" url="#"]   [social_icon service="steam" url="#"] [social_icon service="dropbox" url="#"] [social_icon service="github" url="#"] [social_icon service="lastfm" url="#"] [social_icon service="tumblr" url="#"] [/social_icons]
                                
Options
  • url
  • service twitter | dribbble | facebook | linkedin | gplus | stumbleupon | fivehundredpxpinterest | forrst | digg | spotify | reddit | delicious | appstore | paypal | blogger | evernote | instagram | flickr | rss | youtube | vimeo | xing | yahoo | amazon | steam | dropbox | github | lastfm | tumblr
                                    [toggle title=" How much does it cost?"] Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. Donec ut volutpat metus. Vivamus justo arcu, elementum a sollicitudin pellentesque, tincidunt ac enim. Proin id arcu ut ipsum vestibulum elementum. [/toggle]
                                
Options
  • title required
  • open set to "yes" to show it open at start, default is "no"
[list type=check]
  <ul>
    <li> list item </li>
    <li> list item </li>
 </ul>
[/list]
                                
Options
  • type check | arrow | checkbg | arrowbg

Use it to replace boring list bullets with nice icons

[box type=error] Error! Please fill in all the fields required. [/box]
                                
Options
  • type "error", "notice", "warning", "success"
[button size="small" color="green" url="#" icon="icon-ok" iconcolor="white"] Text [/button]
                            
Options
  • size "medium" (default), "small"
  • color "color" (default), "gray", "light"
  • customcolor "#000000" (any color hash)
  • iconcolor "white","black"
  • icon glyphicon name
  • url
  • target "_blank"
  • customclass
[tabgroup] [tab title="Tab 1" icon="icon-star"] Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit.[/tab] [tab title="Tab 2"] Lorem ipsum pharetra felis. Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit.[/tab] [tab title="Tab 3"] Lorem ipsum pharetra felis. Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit. [/tab] [/tabgroup]
                    

You can add icons to tab by using parameter icon. Whole tab section must be in [tabgroup] shortcode.

It need's to be wrapped with [accordionwrap] shortcode

[accordionwrap] [accordion title="Accordion#1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem, condiment ultrices consequat eu lorem ipsum dolor sit amet inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo dolor sit amet.[/accordion][accordion title="Accordion#1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem, [/accordion][accordion title="Accordion#1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem, [/accordion] [/accordionwrap]
                    
[googlemap width="100%" height="250px" address='New York, United States']

You can display simple google map with address box, if you want something more advanced there are dozens of plugins you could use

[clients_carousel]
<ul>
<li><img title="logo_01" src="http://www.demo.purethemes.net/incredible/wp-content/uploads/2012/09/logo_01.png" alt="" width="187" height="95" /></li>
<li><img title="logo_01" src="http://www.demo.purethemes.net/incredible/wp-content/uploads/2012/09/logo_02.png" alt="" width="187" height="95" /></li>
</ul>
[/clients_carousel]
                        

You can display with this shortcode nice list of logo of e.g your partners, just put list of IMG tags in [clients] [/clients].

Options
  • title 'Clients'
  • subtitle 'Check for who we worked!'
  • width "sixteen" (default), "fifteen", "fourteen", (..), "two", "one"
  • place "first" (default), "center", "last", "none"
[recent_blog limit="2" title="Recent Work" subtitle="/ Stuff From Our Blog" words="15"]  

You can display with this shortcode you recent blog posts.

  • Astrum Contact Info
    Nicely styled box with basic contact informations (address, phone, fax)
  • Astrum Flickr
    Displays photos from Flickr
  • Astrum MailChimp List Signup
    Works only if you have installed plugin named 'MailChimp Widget'
  • Astrum Tabbed Widget
    Show tabs with popular and recent posts and latest comments
  • Astrum Twitter Widget
    Important read widgets description below before using it.

Astrum Twitter Widget

Astrum Twitter widget is build on Twitter API 1.1. To get it working you need to create an application on the Twitter Developer site. Once your application is created Twitter will generate your Oauth settings and access tokens. Now, when you have this informations, go to Appearance - Theme Options - Twitter and paste them to 4 fields you'll see. Thanks to this you don't have to put these informations to widget, and it's hidden from other authors.

Options panel is based on amazing OptionsTree plugin.

Typography

You can choose from one of 500+ Google fonts. Select font for body and for headers. You can also just choose some nice font for a logo if you prefer to have text logo instead of image.

Sidebars

All sidebars that you create here will appear both in the Appearance > Widgets, and then you can choose them for specific pages or posts. Please choose a unique title for each sidebar and make it one word.

Astrum is using new feature of latest WordPress - Theme Customizer, you'll get there by clicking Appearance - Customize

It gives you real time preview of changes you made to your site.

You should use contact form 7 plugin for contact form. After installing it, go to Contact - Add new (or edit current one) and in Form field paste what's below:

<p>Name:<div style="margin-bottom: -5px"></div>
[text your-name] </p>

<p>Email: <span style="color:#e24747">*</span><div style="margin-bottom: -5px"></div>
 [email* your-email] </p>

<p>Message: <span style="color:#e24747">*</span><div style="margin-bottom: -5px"></div>
[textarea* your-message] </p>

<p>[submit "Send Message"]</p>
                                    

Than at the top of page you'll see shortcode, for example:

[contact-form-7 id="503" title="Contact form 1"] 
Use it on a page you want to have contact form.

You'll find some PSD format in "extras" folder.

You can learn from here about Translating theme into your language.

The .pot file is in 'astrum/languages' folder named 'default.pot'.

You can use Poedit to translate the .po file. You need to save it in languages folder, and name just the same way your language is defined in WP config file. Open wp-config.php and check define ('WPLANG', '');
if it's for example fr_FR, save your .po file as fr_FR.po


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.