Corsa


Thank you for your purchase! If you have any questions that you feel should have been in this document, please log in using the account used to purchase the file and email via my profile's contact form . Thanks!

In order to install this theme you must have a working version of WordPress already installed

You can install this theme in 2 ways: via FTP or via WordPress theme upload function.

FTP installation

WordPress installation

After the installation Corsa Theme must appear at Appearance > Themes page, where you can activate it.

After you activate the theme, go to Pages > Add New. Select at Page Attributes area Template:  Home Page, give a reasonable name (for example "Corsa Home") and Publish.

When you activate the theme, proceed to Settings > Reading page, set "Front page displays" option to "A static page (select below)" and select a page, that you have created in previous step. Dont forget to save the changes.

 

If you are new to WordPress, you may find these links below useful:

You can quickly set up your theme same way as our demo site.

To do so, go to Appearance > Theme Options, General tab and press the "Import Demo Data" Button. Wait until import process is finished and that's it.

 

In case something went wrong with automatic import, follow the steps below:

In order to speed up the import process, or in case of upload fail, leave the "download images and attachments" box unchecked. That will give you all the pages and posts without the attachments. This is a good option because users will need to use their own images anyways.

 

XML file doesn't include images, sliders and advanced theme options settings. See corresponding sections for more information.

Corsa Theme has an advanced Theme Options panel that contains all needed settings. There are too many options to go over in these docs but please take some time and navigate through each tab. Go to Appearance > Theme Options and take a look.

If you have installed Corsa theme for first time, it is recommended to reset Theme Options by using "Options Reset" button at bottom left of Advanced Options Interface

Corsa Theme Main Page is built with "Page Sections" posts and Main Menu.

In order to build your Main Page first create it's sections: use Page Sections > Add Page Section admin page and create as many sections as you need to represent your service or product.

Then proceed to Appearance > Menus. Create a new menu and set in Theme Locations box as Top Menu. Then choose Page Sections that you want to see at your Home Page and add them to Menu (if you do not see the Page Sections list under Pages list, open the Screen Options in top right corner of Admin Panel and check them to appear).

Order of Page Sections in Top Menu corresponds to the order they appear on your Main Page. So you can arrange them as you want.

After adding all wanted Page Sections and reordering them, save the Menu and check how your new amazing Main Page looks by visiting site.

Corsa Theme provides possibility to present your portfolio in a simple way.

First, create your Portfolio Items by using Portfolio > Add Portfolio Item page in Admin area. There you can add Image, Title and description of your work.

Then you can arrange your Portfolio Items by adjusting their Publish Date. You can adjust it at Publish area at Edit page of Portfolio Item. The newer the date, the higher Portfolio Item will be placed in list.

After creating and arranging your Portfolio Items, just create a new Page Section or edit already created one and place [portfolio] shortcode to it's content.

[siubsection] - building blocks for main page sections and separate pages

When you want highlight some section of your page, apply alternate colors to it or add background image (probably with parallax effect) - this shortcode will be your choice.

Attributes:

Example - how our demo's home section is organized:

[subsection color="dark" full_width="0" full_height="0" background="http://us-themes.com/wp/Corsa/wp-content/uploads/img-4.jpg" parallax="1"]

[home_heading]
[heading_line type="white" bold="0" new_line="0"]Wonderful Digital Things[/heading_line]
[heading_line type="white" bold="0" new_line="1"]and a pinch of creativity[/heading_line]
[/home_heading]

[button url="#about" text="Learn More" size="big" type="primary" icon="" external="0"]

[/subsection]

Shortcodes for responsive grid:

[row] - container for one row of grid

[one_half], [one_third], [two_third], [one_quarter], [three_quarter] - grid columns

Typography shortcodes:

[subtitle] - bigger than regular text, bold, uppercase. Has "align" parameter with following possible values: left, right, center, justify.

[paragraph_big] - biggern than regular text. Has "align" parameter with following possible values: left, right, center, justify.

[highlight] - colors the text with Primary theme color.

[home_heading]

Wrapper for home heading lines.

[home_heading_line]

Attributes:

Example of [heading_heading] with [home_heading_line] contruction usage:

[home_heading]
[heading_line type="white" bold="0" new_line="0"]Wonderful Digital Things[/heading_line]
[heading_line type="white" bold="0" new_line="1"]and a pinch of creativity[/heading_line]
[/home_heading]

[separator]

Attributes:

Example:

[separator type="short" size="" icon="star"]

[button]

A link styled as button

Attributes:

Example:

[button url="#about" text="Learn More" size="big" type="primary" icon="" external="0"]

[icon]

Single icon

Attributes:

Example:

[icon icon="star" color="primary" size="small" with_circle="0" link=""]

[iconbox]

Attributes:

Example:

[iconbox iconpos="left" icon="puzzle-piece" with_circle="1" title="Strategy" link="" img=""]
Creating a design it is not an end in itself, but a means... 
[/iconbox]

[toggle]

Wrapper for toggle items

[tabs]

Wrapper for tabs items

[accordion]

Wrapper for accordion items

[item]

Single item for Toggle, Tabs and Accordion

Attributes and possible values:

Example of usage of [item] shortcode wtih [toggle] wrapper:

[toggle]
[item title="Our company mission" icon="beaker" open="1"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. ... 
[/item]
[item title="Title goes here" icon="cog" open="0"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. ...
[/item]
[/toggle]
Usage of accordion and tabs shortcodes are pretty same.

[portfolio]

Displays grid of your Portfolio Projects

[blog]

Displays your latests posts

[testimonial]

Attributes and possible values:

Example:

[testimonial author="Anna Zuckerberg" description="(one of our clients)"]
To anybody thinking of buying this theme – buy it!
[/testimonial]

[team]

Wrapper for member items

[member]

Attributes:

Example:

[team]
[member name="Ruslan Sukhar" role="CEO" img="" facebook="#" twitter="#" linkedin="#"]
[member name="Aleksandr Kovalev" role="Senior designer" img="" facebook="#" twitter="#" linkedin=""]
[/team]

[fullscreen_slider]

Wrapper for fullscreen slides

[fullscreen_slide]

Attributes

Example:

[fullscreen_slider]
[fullscreen_slide img="http://path.to/image.jpg"] [home_heading]
[heading_line type="white" bold="0" new_line="0"]Wonderful Digital Things[/heading_line]
[heading_line type="white" bold="0" new_line="1"]and a pinch of creativity[/heading_line]
[/home_heading] [/fullscreen_slide]
[fullscreen_slide img="http://path.to/image.jpg"] [home_heading]
[heading_line type="white" bold="0" new_line="0"]Wonderful Digital Things[/heading_line]
[heading_line type="white" bold="0" new_line="1"]and a pinch of creativity[/heading_line]
[/home_heading] [/fullscreen_slide]
[/fullscreen_slider]

[contacts]

Displays contact information

Attributes and possible values:

[contact_form]

Displays contact form. See respective Theme Options tab to adjust the form.

 

More info coming soon!

There are shortcode examples for Home Versions of Corsa demo:

Home Version 1:

[subsection color="dark" full_width="0" full_height="0" background="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png" parallax="1"]

[home_heading]
[heading_line type="white" new_line="0"]Wonderful Digital Things[/heading_line]
[heading_line type="white" new_line="1"]and a pinch of creativity[/heading_line]
[/home_heading]

[button url="#about" text="Learn More" size="big" type="primary" icon="" external="0"]

[/subsection]

Home Version 2:

[fullscreen_slider interval="5000" transition="2" speed="400"]
[fullscreen_slide img="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png"]

[home_heading]
[heading_line type="white" new_line="0"]Wonderful Digital Things[/heading_line]
[heading_line type="light_bg" new_line="1"]and a pinch of creativity[/heading_line]
[/home_heading]

[button url="#about" text="Learn More" size="big" type="primary" icon="arrow-down" external="0"]

[/fullscreen_slide]
[fullscreen_slide img="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png"]

[home_heading]
[heading_line type="primary_bg" new_line="0"]Powerful websites[/heading_line]
[heading_line type="dark_bg" new_line="1"]that look beautiful[/heading_line]
[/home_heading]

[button url="#portfolio" text="View Our Works" size="" type="default" icon="" external="0"]

[/fullscreen_slide]
[/fullscreen_slider]

Home Version 3:

[subsection color="" full_width="0" full_height="0" background="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png" parallax="1"]

[home_heading]
[heading_line type="primary_bg" new_line="0"]Imagination[/heading_line]
[heading_line type="light_bg" new_line="1"]is more important[/heading_line]
[heading_line type="dark_bg" new_line="1"]than knowledge[/heading_line]
[/home_heading]

[/subsection]

Home Version 4:

[fullscreen_slider interval="5000" transition="2" speed="400"]
[fullscreen_slide img="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png"]

[home_heading]
[heading_line type="white" new_line="0"]Powerful images[/heading_line]
[heading_line type="dark_bg" new_line="1"]that look beautiful[/heading_line]
[/home_heading]

[button url="#portfolio" text="View Our Works" size="" type="primary" icon="" external="0"]

[/fullscreen_slide]
[fullscreen_slide img="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png"]

[home_heading]
[heading_line type="dark_bg" new_line="0"]Imagination[/heading_line]
[heading_line type="primary_bg" new_line="1"]encircles[/heading_line]
[heading_line type="light_bg" new_line="1"]the world[/heading_line]
[/home_heading]

[/fullscreen_slide]
[fullscreen_slide img="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png"]

[home_heading]
[heading_line type="white" new_line="0"]Wonderfull[/heading_line]
[heading_line type="primary_bg" new_line="0"]Digital[/heading_line]
[heading_line type="white" new_line="0"]Things[/heading_line]
[/home_heading]

[/fullscreen_slide]
[/fullscreen_slider]

Home Version 5:

[subsection color="" full_width="0" full_height="0" background="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png" parallax="1"]

[separator type="invisible" size="" icon="star"]

[home_heading]
[heading_line type="dark_bg" new_line="0"]We are Corsa[/heading_line]
[heading_line type="light_bg" new_line="1"]We are awesome[/heading_line]
[/home_heading]

[icon icon="chevron-down" color="primary" size="big" with_circle="1" link="#about"]

[separator type="invisible" size="small" icon="star"]

[/subsection]

Home Version 6:

[subsection color="" full_width="0" full_height="0" background="http://us-themes.com/wp/CorsaXML/wp-content/uploads/parallax.png" parallax="1"]

[separator type="invisible" size="" icon="star"]

[home_heading]
[heading_line type="dark_bg" new_line="0"]Powerfull images[/heading_line]
[heading_line type="primary_bg" new_line="1"]that look beautiful[/heading_line]
[/home_heading]

[icon icon="arrow-down" color="" size="big" with_circle="1" link="#about"]

[separator type="invisible" size="" icon="star"]

[/subsection]

Home Version 7:

some text

Home Version 8:

some text

You can translate Corsa into your language using files located at Corsa/languages folder. In order to translate the theme, follow the steps below:

Corsa is WPML ready

If you need a Multi-Language site, then we recommend using the WPML plugin. You would need to buy a license for it, then install it and set it up. All information and documentation can be found at plugin's website: WPML.org

When I try to install the theme, I got the message: The package could not be installed. The theme is missing the style.css stylesheet.

A common issue that can occur with users new to installing WordPress themes is a “Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix.

 

I see that the new version of Corsa is avaible. How can i install this new version?

You can download a new version of Corsa at your downloads page. After downloading there are 2 ways of upgrading the theme:

1) Recommended: upload contents of Corsa folder from downloaded archive to wp-content/themes/Corsa folder on your server overwriting all files (via FTP or other file transfer method)

2) If you have no access to the server, or you dont know where the theme folder is, you can go to Appearance > Themes at WP admin, then activate any other Theme (like Twenty Twelve from standard package) and delete current Corsa theme. Don’t worry, all posts, pages and other items will be saved at Database. Then go to Install Themes tab and Upload new .zip file with updated Corsa theme, then activate it. After that please go to Appearance > Theme options and verify that everything is up to date there and check if Menu is selected right (it must be OK, just make sure)

 

Why does not my background video play?

There are few things you can do if why video does not play at your browsers.

1) Check if your server defines mime types right. Addfollowing text to your .htaccess or set them in other way supported by server:

AddType video/mp4 .mp4
AddType video/mp4 .m4v
AddType video/ogg .ogv
AddType video/webm .webm
AddType video/webm .webmv

2) Check if your files are encoded properly. Also it is good to give all 3 formats of video (mp4, ogg, webm), so all browsers will play it.

Where can I find full list of Icons' names available at your shortcodes?

Full list of icons available at Font-Awesome site

The images included in preview are for demonstration purposes only. Some photos can be purschuased separately at PhotoDune and other sites. (If needed, particular links can be given at your email request).
In downloaded product folder placeholders are used instead of stock images.

Following plugins are used:

Thank you very much for purchasing this theme!

Regards,
UpSolution Team