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 user page contact form here.
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.
Connect to your hosting via an FTP software
Unzip the Impreza.zip file on your computer
Upload the extracted Impreza theme folder into wp-content / themes in your wordpress installation
Navigate to Appearance > Themes.
Click Install Themes and then press the upload button.
Find the Impreza.zip file on your computer and click Install Now button.
After the installation Impreza Theme must appear at Appearance > Themes page, where you can activate it.
After activating our theme and creating your own content or importing demo XML content, you may want to set some page as your Home page (by default WordPress sets latest posts feed as a Home page). In order to set a page as a Home page, proceed to Settings > Reading, change "Front page displays" radio buttons to "A static page (select below)" and then select needed page from "Front page" selectbox
If you are new to WordPress, you may find these links below useful:
WordPress Codex - general information about Wordpress and how to install it on your server
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:
The XML file is included to theme files. It is named demo_data.xml and located in a folder called xml
Navigate to WP Admin > Tools > Import
Select and install WordPress importer
Once its installed, select the XML file and upload it. It will take a few minutes to install and upload all content
Now navigate to WP Admin > Appearance > Menus page and set menus to apropriate locations
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.
Impreza has an advanced Theme Options panel that contains all needed settings. There are too many options to go over all of them 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 Impreza theme for first time, it is recommended to reset Theme Options by using "Options Reset" button at bottom left of Advanced Options Interface
In sections below we will describe some of the Theme Options settings.
In this section we will describe widgets that will appear at header, when you enable Expanded Header at Appearance > Theme Options, Header Options tab
When you check Expanded Header setting, few more fields would appear. They can be divided into three groups:
Contact info on the left - Email and Phone - when you fill those fields, they would appear on the site. Email would be presented as mailto: link
Social Icons on the right - group of popular social links presented as icons. Those that would be filled in optios, will appear on the site
Language Widget - more on it below
The widget has 2 modes:
WPML language switcher- in this mode all widget's settings are taken from WPML languages list
Your own links-in this mode you have ability to set your own list of languages with links to language versions of your site (e.g. if you have different language versions on different domains or subfolders)
Let's take a closer look on the Widget options inYour own linksmode:
Languages Amount- 2 by default - this means 1 main language which is shown on page load and one language in dropdown list (when you click on the widget)
Current Language- language name or code for current site language
Language 2-Language 10- language names or codes for different languages for your site
Language 2 URL-Language 10 URL- links to different language versions of your site
In order to increase flexibility of Footer Area, we have created 3 placeholders for Footer Widgets, which you can fill after installation of Impreza theme.
Just go to Appearance > Widgets and drag needed widgets to following "sidebars":
Footer First Widget
Footer Second Widget
Footer Third Widget
to fill corresponding spots at Footer.
All widget types are supported by those placeholders.
We have created (or adjusted) following page types:
Default Template - simple page without sidebars, which fits for most of design solutions for Impreza theme
Please note that Default Template has no sidebar, because this layout fits Impreza the most. We have created templates with left and right sidebar though, so you can create such pages too.
Blog: Grid - this page contains list of posts in form of masonry grid on it
Blog: Large Image - this page contains list of posts with big featured image above post's info
Blog: Small Image - this page contains list of posts with small featured image next to post's info
Page: Sidebar Left and Page: SIdebar RIght - same as Default Template, but with sidebar
All shortcodes incorporated into theme are presented in Visual Composer and Shortcode Geneartor. You can find examples of usage at our Demo site under Shortcodes section. You can see how they work if you import theme's Demo Data XML.
Some of shortcodes attributes explained below.
Responsive Grid Row - [vc_row]
The row itself is a very simple element. But it's attributes provide a lot of functionality.
- Page Sections
To place a row into separate Page Section, open it's attributes in Visual Composer and check Separate Section checkbox. Three additional fields will appear:
Section Colors - you can alter style of page section's content by changing this parameter
Section Background Image - you can add a background image to the whole page section
Parallax Effect - you can activate the Parallax effect for background image of the section. lets talk about it in details
- Full Width Sections
Starting from 1.1 version of Impreza, we have added Full Width Sections. They may be used for placing Revolution Slider, Google maps and other elements. In order to place a row into Full Width section, open it's preferences in Visual Composer, check Separate Section checkbox, then check appeared Full Width Content checkbox.
- Parallax Effect for Sections
When you check the Parallax Effect checkbox at Row's attributes, two more parameters appear below it:
Parallax Speed Factor - let's you adjust the speed of 3D effect applied to the background
Reverse Parallax - if checked, the background will move in opposite way of scrolling
When you set the right image and adjust the settings, you will achieve beautiful 3D Parallax effect
Accordion and Toggles - [vc_accordion]
Both Accordion and Toggles elements presented with single shortcode - [vc_accordion]
You can switch between them by opening shortcode's properties and adjusting "Act as Toggles" checkbox.
Tabs and Timeline - [vc_tabs]
Both Tabs and Timeline elements presented with single shortcode - [vc_tabs]
You can switch between them by opening shortcode's properties and adjusting "Act as Timeline" checkbox.
At the moment adding PricingTables possible only via text shortcodes - if you are using Visual Composer for page and want to add Pricing Tables, add a Text Block, erase all text there and press 'Add Pricing Table' icon in last row of editor's controls. Then you will be able to adjust the Pricing Table by adding/editing table columns shortcodes
Google Maps - [vc_gmaps]
You can create a google map widget for your Contact page (or any other, where you need it). Google Maps shortcode available both at Visual Composer and Shortcode Generator. It has a range of parameters:
address - simply entering an address will position map at needed point of the map
longitude and latitude - if you cannot position the map correctly by using just address, this attributes come in handy - you can presisely set the position.
marker (Marker text) - when entered, baloon with text from this attribute will appear at the center of map
height - you can alter the height of map using this attribute. Width of map depends on where it's placed - so if you want to make it take 1/2 of page, place the map into 1/2 column.
type (Mat type) - four types is available:
ROADMAP - Roadmap
SATELLITE - Satellite
HYBRID - Map + Terrain
TERRAIN - Terrain
zoom - a number from 1 to 20. 14 by default
Special case of map usage is when it's placed into full width section (like we have it at our Demo Contact page). In order to do so, add a map into row in Visual Composer. Then open row's preferences, check Separate Section checkbox, then check appeared Full Width Content checkbox.
type - leave blank for Full Width or give one of the following values: short, invisible
size - leave blank for Medium or give one of the following values: big, small, huge
Save file with your language name (File > Save as at program menu), for example: es_ES.po. It will generate both a .po and .mo file for your translation.
Go to your server via FTP, and upload the language files to the languages folder of Impreza theme (located at wp-content/themes/Impreza/languages)
Go to Settings > General at your admin dashboard and select needed language at the "Site Language" option.
Impreza 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
You can read full documentation of the Revolution Slider in "Slider_Revolution_Documentation" folder of main file download.
It is highly recommended to install or upgrade Slider Revolution using archive wich comes with Impreza theme, because we have adjusted source files of it to fit the theme best.
In order to create slider that will fit into header section, please follow the instructions:
In Revolution Slider plugin click "Create New Slider" button or select existing slider and click on it's name to proceed to the slider settings screen.
Select Slider Layout as , and set Grid Settings with values:
Grid Width — 1000;
Grid Height — 500.
At right section open the Position tab and make sure that all Margins are set to 0.
Then open the Appearance tab and select following:
Shadow Type — No Shadow;
Show Time Line — Hide;
Background color — leave blank;
Padding (border) — 0.
Then proceed to Navigation tab and select:
Navigation Type — None ;
Navigation Arrows — Solo;
Navigation Style - Round Always Show Navigation — No;
Left Arrow Horizontal Offset — 20;
Right Arrow Horizontal Offset — 20.
After that you can create (or edit) slides for your slider.
Placing Slider Revolution to your pages
In order to place created Slider Revolution to your pages, you should place it's shortcode either via Shortcode Generator or Visual Composer.
Special case for it will be putting your slider into Full Width section at top of page as a teaser element (like we did on our Demo Home page). In order to do so, add a slider into row in Visual Composer. Then open row's preferences, check Separate Section checkbox, then check appeared Full Width Content checkbox.
Sources & Credits
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:
Isotope - Plugin's documentation can be found here
Flexslider - Plugin'sdocumentation can be found here
jQuery gMap - Plugin'sdocumentation can be found here
Magnific Popup - Plugin'sdocumentation can be found here
1) 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.
2) Where can I find full list of Icons' names available at your shortcodes?