Corsa

Premium OnePage WordPress Theme


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.

[subsection]

Subsection is a building block 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 and possible values:

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]

[/subsection]

[row]

Container for one row of responsive columns.

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

Example:

[row]
[one_half] ... [/one_half]
[one_quarter] ... [/one_quarter]
[one_quarter] ... [/one_quarter]
[/row]

[subtitle]

Bigger than regular text, uppercase.

Attributes and possible values:

Example:

[subtitle align="center"] This is SubTitle [/subtitle]

[paragraph_big]

Bigger than regular text.

Attributes and possible values:

Example:

[paragraph_big align="center"]Donec mollis orci id lectus vestibulum, vel laoreet ante pharetra.
Integer ultrices cursus nisl, a scelerisque orci congue nec. Fusce ut varius massa, eget varius nisl.
Aliquam erat volutpat. Maecenas tempus turpis ac viverra feugiat.[/paragraph_big]

[highlight]

Changes the text with primary theme color.

Example:

This is [highlight]Some Important[/highlight] text.

[home_heading]

Wrapper for home heading lines.

[home_heading_line]

Attributes and possible values:

Example:

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

[separator]

Attributes and possible values:

Example:

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

[button]

Attributes and possible values:

Example:

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

[icon]

Single icon.

Attributes and possible values:

Example:

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

[iconbox]

Attributes and possible values:

Example:

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

[tabs]

Wrapper for tabs items

[accordion]

Wrapper for accordion items

[toggle]

Wrapper for toggle items

[item]

Single item for Tabs, Accordion and Toggles.

Attributes and possible values:

Example:

[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]
[item title="Another Title" icon="star" 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 Items.

Attributes and possible values:

Example:

[portfolio items="8" category="" ratio="4:3"]

[blog]

Displays your blog posts.

Attributes and possible values:

Example:

[blog posts="6" category="" ajax="1"]

[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 team member items.

[member]

Attributes and possible values:

Example:

[team]
[member name="Ruslan Sukhar" role="CEO" img="" facebook="#" twitter="#" linkedin="#"]
[member name="Aleksandr Kovalev" role="Designer" img="" custom_icon="instagram" custom_link="http://instagram.com/just_creator" custom_link_external="1"]
[/team]

[fullscreen_slider]

Wrapper for fullscreen slides.

Attributes and possible values:

[fullscreen_slide]

Attributes and possible values:

Example:

[fullscreen_slider interval="5000" transition="2" speed="400"]
[fullscreen_slide img="http://path.to/image1.jpg"][/fullscreen_slide]
[fullscreen_slide img="http://path.to/image2.jpg"]Some Slide Text[/fullscreen_slide]
[/fullscreen_slider]

[simple_slider]

Wrapper for simple slides.

Attributes and possible values:

[simple_slide]

Attributes and possible values:

Example:

[simple_slider arrows="always" nav="thumbs" transition="fade" auto_rotation="1" fullscreen="1" stretch="1"]
[simple_slide img="http://path.to/image1.jpg"]
[simple_slide img="http://path.to/image2.jpg"]
[simple_slide img="http://path.to/image3.jpg"]
[/simple_slider]

[contacts]

Wrapper for contact items.

Attributes and possible values:

[contact_item]

Attributes and possible values:

Example:

[contacts align="center"]
[contact_item icon="home" new_line="0"] 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States [/contact_item]
[contact_item icon="phone" new_line="1"] +3 123-456-78 [/contact_item]
[contact_item icon="at" new_line="0"] mail@test.com [/contact_item]
[/contacts]

[contact_form]

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

[responsive_video]

Shows video in a responsive box.

Example:

[responsive_video link="http://vimeo.com/50512824"]

Attributes and possible values:

Example:

[social_links size="big" align="center" facebook="#" twitter="#" instagram="#" behance=""# dribbble="#"]

[gmaps]

Google Maps.

Attributes and possible values:

Example:

[gmaps address="1600 Amphitheatre Parkway, Mountain View, CA 94043, United States" marker="We Are Here!" height="400" type="ROADMAP" zoom="14"]

[actionbox]

Colored call to action box with button.

Attributes and possible values:

Example:

[actionbox color="primary" title="This is Call-to-Action Title" btn_label="Click Me!" btn_link="#" btn_color="secondary" btn_size="big" btn_icon="" btn_external="0"]

[message_box]

Small colored message box.

Attributes and possible values:

Example:

[message_box type="success"] Thanks! Message was sent! [/message_box]

[counter]

Animated counter from zero to set number.

Attributes and possible values:

Example:

[counter count="99" suffix="%" title="Positive feedback"]

[clients]

Logo images carousel.

Attributes and possible values:

Example:

[clients auto_scroll="1" interval="3"]

[pricing_table]

Complex shortcode for showing pricing table.

Example:

[pricing_table]

[pricing_column title="Standard" price="$10" time="per month"]
[pricing_row]Feature 1[/pricing_row]
[pricing_row]Feature 2[/pricing_row]
[pricing_footer url="#" type="default" size="small"]Signup[/pricing_footer]
[/pricing_column]

[pricing_column title="Business" price="$20" time="per month" type="featured"]
[pricing_row]Feature 1[/pricing_row]
[pricing_row]Feature 2[/pricing_row]
[pricing_footer url="#" type="primary" size="normal"]Signup[/pricing_footer]
[/pricing_column]

[pricing_column title="Professional" price="$40" time="per month"]
[pricing_row]Feature 1[/pricing_row]
[pricing_row]Feature 2[/pricing_row]
[pricing_footer url="#" type="default" size="small"]Signup[/pricing_footer]
[/pricing_column]

[/pricing_table]
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]

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.