First of all, we want to say thank you! We are very grateful that you have chosen our theme for your website. We will do everything we can to provide you the best support possible. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use Interio Theme. Feel free asking us if you need more help. If you are unable to find your answer here in the documentation, please search our Support Forum and watch our Video Tutorials. If you still can't find it, you can open a new topic on our Support Forum with all the details we need.
Folder Structure - top
Interio Theme Folder Structure:
- Interio.zip - contains all files required for the theme to run & install (also the main CSS file called 'style.css').
- Interio documentation - this folder contains help files (which you are currently reading).
Getting Started - top
In this section we will go over the process of setting up WordPress environment, then I will show you how to install and activate your brand new theme. Finally, you will learn how to setup all key features of Interio theme.
Preparing WordPress - top
If you already have WordPress installed on your server just skip to the next section. If you haven't yet installed WordPress on your server here you will find a complete guide on this topic. Just follow the steps and you will be ready in a blink of an eye with your shiny new WordPress website.
Installation and Theme Activation - top
Each WordPress Theme can be installed in this ways: via ftp client, through the admin panel:
Installing WordPress Theme via FTP client:
- unzip the 'Interio.zip' package (the zip package is inside the folder you have downloaded),
- connect to your server,
- navigate to the folder where your WordPress is installed,
- go to wp-content/themes/,
- upload the 'Interio' folder into the 'themes' directory (the path will look like this: wp-content/themes/Interio),
- open the wp-admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/),
- login to your wp-admin panel then from the sidebar on the left choose 'Appearance',
- under 'Appearance' choose 'Themes',
- find the 'Interio' theme and click the 'Activate' button next to it.
Installing Theme via WordPress Admin Panel:
- open the wp-admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/),
- login to your wp-admin panel then from the sidebar on the left choose 'Appearance',
- under 'Appearance' choose 'Themes',
- at the top click 'Add New' tab,
- click the 'Upload Theme' link,
- choose fife and click Install Now,
- after uploading it will be installed automatically,
- after the installation you will be able to activate the theme: to do this click the activation link.
Required and Recommended Plugins - top
After installing and activating the theme you will see a yellow popup at the top of the page. Saying: "This theme requires the following plugins..." please click the 'Begin Installing plugins' link. You will be redirected to 'Install Required Plugins' page, here you will find all of the theme required plugins. To install them just check all of them and from the drop down select install them. After installing plugins please do the same to activate them.
Required plugins:
- Interio Plugin - includes Portfolio Custom Post Types and Visual Composer Shortcodes.
- WPBakery Visual Composer - this is the great page builder that comes with this theme.
Visual Composer - page builder plugin. It takes full control over your WordPress site with Frontend and Backend editors. Build any layout you can imagine with drag and drop page builder plugin – no programming knowledge required.
Recommended plugin:
- Category Order and Taxonomy Terms Order - helps with that, by showing an additional interface where the Term Taxonomies can be order using a simple jQuery drag and drop interface.
- Contact Form 7 - can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.
- Customizer Export/Import - allows you to export or import your WordPress customizer settings from directly within the customizer interface.
- Envato WordPress Toolkit - currently supports the following theme functionality: install, upgrade, & backups during upgrade.
- MultiSite Clone Duplicator - allows you to clone any site of your network into a new one : all data, files, users and roles can be copied.
- One Click Demo Import - will create a submenu page under Appearance with the title Import demo data.
- W3 Total Cache - improves the SEO and user experience of your site by increasing website performance, reducing download times via features like content delivery network integration.
- Widget Importer & Exporter - is useful for moving widgets from one WordPress site to another, backing up widgets and for theme developers to provide users with sample widgets.
- WooCommerce - allows you to create products and sell, built to integrate seamlessly with WordPress.
- WOOF - WooCommerce Products Filter - allows you filter products by products categories, products attributes, products tags, products custom taxonomies.
- WordPress Importer - will import the following content from a WordPress export file: posts, pages, comments, custom fields, categories, tags and more from a WordPress export file.
- WP Cost Estimation & Payment Forms Builder - allows you to create easily beautiful cost estimation & payment forms on your Wordpress website.
- WPML Multilingual CMS - can translate pages, posts, custom types, taxonomy, menus and even the theme’s texts.
- Font Organizer - is intended for both developers and regular users in order to easily add native, google and custom fonts then assign them to different elements in your website effortlessly.
Options - Theme Options - top
After installation and activation it is time to set up your website. The first thing you will notice is the 'Theme Options' Tab added into the WordPress Admin sidebar. This section contains all Interio options (see image bellow). The default options set in the panel are similar to those in the ThemeForest preview.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save' button at the top or at the bottom of the panel, otherwise your changes will be lost.
In tab you will find all of the basic settings divided into few sections:
General Settings
Quick Start
- Upload Logo - upload a logo for your theme, or specify an image URL directly.
- Upload Logo for scroll header - upload your logo (it's will be available to view while scrolling).
- Retina Ready Logo - enable or disable loader logo look sharp on Retina devices.
- Favicon Icon - add your favourite icon.
- Enable Preloader - enable or disable loader here.
- Preloader type - select preloader type.
- Preloader color - select preloader color.
- Loader text - add text to preloader.
- Google Maps API key - paste here your generated Google Maps API key.
- Switch language - select where will be switch language.
Custom CSS
- Custom CSS - can add some CSS to your theme by adding it to this block.
JS Code
- JS Code - can paste your custom JS code here.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Header
- Menu Layout - select menu layout for your website.
- Enable/Disable search icon - enable or disable search icon.
- Enable/Disable shop basket - enable or disable shop basket.
- Main Menu Typography - custom typography for main menu
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
- Menu hover color - select color for hover effect.
- Menu background color - select color for background menu.
- Enable/Disable sticky header - enable or disable sticky header.
- Header Fixed Position - enable or disable fixed position for header.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Layout
- Page Layout - select page layout for your website.
- Enable onepage option - enable or disable onepage option.
- Enable/Disable border for page layout - enable or disable border for page layout
- Border color - select border color.
- Page Layout body background color - select background color for body of page layout.
- Enable/Disable page transition - enable or disable page transition.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Typography
- Body - select custom font for your main body text.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
- Heading 1 - select custom font for your heading 1 text.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
- Heading 2 - select custom font for your heading 2 text.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
- Heading 3 - select custom font for your heading 3 text.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
- Heading 4 - select custom font for your heading 4 text.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
- Heading 5 - select custom font for your heading 5 text.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
- Heading 6 - select custom font for your heading 6 text.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Blog
Blog Page
- Blog Layout - select layout for your blog.
- Select Blog Sidebar style - select blog sidebar style.
- Show Post image - enable or disable the display of an image for post.
- Show Post title - enable or disable the display of a title for post.
- Show Post author - enable or disable the display of an author for post.
- Show Post date - enable or disable the display of a date for post.
- Show Post short description - enable or disable the display of a short description for post.
- Show likes - enable or disable the display of likes.
- Show number of comments - enable or disable the display number of comments.
Single page posts
- Show post featured image - enable or disable the display of an featured image for post.
- Show link to blog page (arrow) - enable or disable the display of a link to blog page.
- Show post title - enable or disable the display of a title for post.
- Show post date - enable or disable the display of a date for post.
- Show post Tags - enable or disable the display of tags for post.
- Show Post excerpt - enable or disable the display of an excerpt for post.
- Show Post author - enable or disable the display of an author for post.
- Show Post categories - enable or disable the display of categories for post.
- Show Share post - enable or disable the display of a share for post.
- Facebook - add facebook social link url.
- Twitter - add twitter social link url.
- Show post comments - enable or disable the display of comments for post.
- Show post pagination - enable or disable the display of a pagination for post.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Portfolio/Project
Portfolio Page
- Portfolio Layout - select layout for your portfolio single page.
- Enable/Disable portfolio images lightbox - enable or disable portfolio images lightbox.
- Show portfolio pagination - enable or disable the display of a pagination on portfolio page.
- Show portfolio title - enable or disable the display of a title on portfolio page.
- Show portfolio share - enable or disable the display of a share on portfolio page.
- Create custom portfolio share - create custom portfolio share.
- Facebook - add facebook social link url.
- Twitter - add twitter social link url.
- Google + - add google + social link url.
- Show portfolio categories - enable or disable the display of categories on portfolio page.
- Enable Ajax Portfolio - enable or disable ajax portfolio
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
404 Page
404 Page Options
- Error text on 404 page - add your own error content on 404 page.
- Show "Back to home page" button - enable or disable the display of "Back to home page" button on 404 page.
- Text on button - add text to button on 404 page.
- 404 page background color - select background color for 404 page.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Buttons Styling
Buttons Styling
- Buttons background color - select background color of buttons.
- Buttons hover background color - select background color of buttons on hover.
- Buttons text color - select color of text.
- Buttons text hover color - select color of text on hover.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Woocommerce
Shop
- Banner image for login page - upload image for background on login page.
- Woocommerce Sidebar - default is with right sidebar, also there is an opportunity to select left sidebar, top sidebar or template without sidebar.
- Products per page - set shop products per page.
- Product items in row - select how many items in row do you need to have in row on shop page.
- Show first product on shop page with big size - enable or disable the display of first product on shop page with big size.
- Show product sort order select on shop page (category and taxonomy pages) - enable or disable the display of product sort order select on shop page.
- Shop pages background color - select background color to shop pages.
Product
- Enable/Disable product images lightbox - enable or disable product images lightbox
- Show link to shop page - enable or disable the display of link to shop page.
- Show product categories - enable or disable the display of product categories.
- Show product title - enable or disable the display of product title.
- Show product rating - enable or disable the display of product rating.
- Show "Reviews" tab - enable or disable the display of "Reviews" tab.
- Show product tags - enable or disable the display of product tags.
- Show product share - enable or disable the display of product share.
- Create custom product share - create custom product share.
- Facebook - add facebook social link url.
- Twitter - add twitter social link url.
- Google + - add google + social link url.
- Pinterest - add pinterest social link url.
- Show related products - enable or disable the display of related products.
- Single Product Layout - select layout of product page.
- Product page background color - select background color for product page.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Footer Customization
- Footer Style - select style for footer.
- Show/Hide footer - show or hide footer.
- Enable Footer Copyrights - enable or disable the display of copyrights text for footer.
- Copyright text - add your custom copyrights text.
- Enable social - enable or disable the display of social icons.
- Back to top button - enable or disable the display of button.
- Footer background color - select background color for footer.
- Footer Typography (navigation and socials) - custom typography for footer navigation and socials.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
- Footer Typography (main content) - custom typography for footer copyrights and content.
- Backup Font Family - select backup font family.
- Font Weight & Style - select font weight and style.
- Text Align - select text alignment.
- Text Transform - select text transform.
- Font Size - enter font size.
- Line Height - enter line height.
- Font Color - enter font color.
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Social
- Social media - add name, icon and link for social network(is using in footer).
Notice: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Import/Export
- Import Options - here you can import your option settings.
- Export Options - here you can copy/download your current option settings.
Notice: Before leaving the 'Theme Options' tab make sure to click the 'Save Changes' button at the top or at the bottom of the panel, otherwise your changes will be lost.
Import Demo Data - top
Interio Theme contains five demo versions: Interio, Onepage, Mini, Onepage Aery and Solo. To view all demo version click on Appearance -> Import Demo Data tab in the WordPress Admin Panel. You can choose the version that you like best. After select demo data, please click on button "Import" to start importing the content. You need to wait for a few minutes while demo content is importing. Then you'll see the notice: All done. Have fun!.
Content - top
Creating and Editing Pages - top
Reading settings. Follow Settings in WordPress Admin Panel and select Reading. Then choose A static page and select Front page and Post page. Make sure that you have clicked on 'Save Changes' button, otherwise your changes will be lost.
Creating page. To create pages click on Pages tab in the WordPress Admin Panel. To create a new page click on 'Add New' button.
Enter the page title. Fill in the page with all necessary information you need. You can also select Featured image. Before leaving make sure to click on 'Publish' button at the right side of the panel, otherwise your changes will be lost.
In order to setup Menu at first you need some pages (if you haven't setup any yet, please, see the first section of this chapter). If all your pages are created (of course, you can edit/add/remove them at any point) go to Appearance>Menus to create your new menu.
- Type the name of your menu into 'Menu Name' field at the top of the panel (the name doesn't really matter it can be e.g 'My Menu') then click on blue button 'Save Menu'.
Adding items to menu
If menu is created, you can add items to it. On the left column you can find different custom links, pages or categories that can be added to your menu.
- Select the tab entitled Pages.
- Press View All link to bring up a list of all Pages published on your website.
- Select those Pages which you want to add by clicking checkbox next to each Page title.
- Click the Add to Menu in order to add your selection(s) to the menu that you've just created.
- In Menu Settings choose theme locations - Top Navigation.
- Click on Save Menu button after you have added all menu items you want.
Deleting a menu item
- Select menu item that you want to delete from the menu editor screen.
- Press on the arrow icon in the top right-hand corner of the menu item/box to expand it.
- Click on Remove button. The menu item/box will be immediately deleted.
- Click on Save Menu button to save your changes.
Creating Posts - top
To create post click on Posts tab in the WordPress Admin Panel. To create a new post item click on 'Add New' button. Add post title, it's content and author. You have also an opportunity to select Post Category or add a new one. You can set post format. You can set post tags or choose from the most used post tags. You can set featured image. Also you have an opportunity to add Label text for excerpt, add Youtube or Vimeo video url and enable or disable Short post(if you need to make this post item for 50% of content block).
Editing Posts - top
Quick edit of existing blog post
Quick edit is a tool which allows you to update details for particular blog post. You can change its title, slug, date. You can also change categories, add tags, enable or disable comments or change the status of the blog post. All these actions can be performed following the next steps:
- Open WordPress Dashboard
- Click on Posts>All Posts tab
- Hover that blog post title you want to edit in the list provided
- Click on Quick Edit
- Make all necessary changes
- After you have finished, click on Update button
Edit the content of an existing blog post
- If you want to change the content of an blog post you need to click on Edit link
- You can change the title, format, categories, tags, featured image and other parameters for the selected post
- After you have finished, click on Update button
You can also edit multiple blog posts at once!
- Select several blog posts from the blog post list
- Select Edit from the Bulk Actions menu at the top and click on Apply
- You can change the category, tags, author and other parameters for all the selected blog posts at once
- After you have finished, click on Update button
Creating Portfolio - top
To create portfolio click on Portfolio tab in the WordPress Admin Panel. To create a new portfolio item click on 'Add Portfolio' button. Add portfolio title and it's content. You have also an opportunity to select Portfolio Category or add a new one. You can set featured image. Also you have an opportunity to select portfolio layout for current item, add images to Gallery, add slider points (need to add the same number of points as images in gallery + 1 for featured image), add label text under main content, add author of photo name to portfolio, add link to portfolio author website or page, enable or disable Wide element(if you need to make this portfolio item for 50% of content block) and enable or disable High element(if you need to make this portfolio item high) to portfolio item in Portfolio Options section.
When your new portfolio is ready, please, do not forget to click on Publish button.
Creating Products - top
To create product click on Products tab in the WordPress Admin Panel. To create a new product item click on 'Add Product' button. Add product name and it's content. You have also an opportunity to select Product Category or add a new one. You can set product tags or choose from the most used product tags. You can set product image. You can add images to Gallery and product short description. Also you have an opportunity to set product attributes and add product short description.
When your new product is ready, please, do not forget to click on Publish button.
Creating Attributes
To create attribute click on Products tab in the WordPress Admin Panel. To create a new attribute item click on 'Attributes' button. Add name, slug(Unique slug/reference for the attribute; must be shorter than 28 characters), type(Determines how you select attributes for products) and default sort order(Determines the sort order of the terms on the frontend shop product pages). Also you have an opportunity enable or disable Archives (Enable this if you want this attribute to have product archives in your store.).
When your new attribute is ready, please, do not forget to click on Add Attribute button.
Adding Attribute Options
To add attribute options click on Products tab and 'Attributes' button in the WordPress Admin Panel, add a new attribute and choose it or choose existing one. Then add name, slug(it is usually all lowercase and contains only letters, numbers, and hyphens), parent and description.
When your new attribute options is ready, please, do not forget to click on Add New Living Space button.
Addons - top
Interio provides support for plenty of different addons for your page. If you are looking for shortcodes Visual Composer addons are definitely for you.
Visual Composer Addons/Shortcodes - top
To add any shortcode or addon, please, go to the needed page and add new element. To learn more about Visual Composer please read documentation about it here.
If you have trouble in setting up of our custom Visual Composer components, please, read this detailed tutorial below. Please make sure that you have read offical documentation of Visual Composer carefully before you start.
Row
This component allows you to create a new row:
- Row stretch - select row stretch.
- Columns gap - select gap between columns in row.
- Full height row? - enable Full height row.
- Equal height - if checked columns will be set to equal height.
- Content position - select content position within columns.
- Use video background? - select if you want to use video background.
- Parallax - select parallax options.
- Row ID - add ID to row and customize it via CSS.
- Extra class name - add exrta class name to customize row.
Notice: don't forget to save changes!
Banner
Add banner to page.
- Select style of bunner - select style of bunner (Style 1 (with typed lines), Style 2 (simple), Style 3 (with button)).
- Banner image - select image from media library.
- Loop typed text (Style 1 (with typed lines)) - loop typed text (Yes, No)
- First line of typped text (Style 1 (with typed lines)) - add first line of text (or leave it empty).
- Second line of typped text (Style 1 (with typed lines)) - add second line of text (or leave it empty).
- Third line of typped text (Style 1 (with typed lines)) - add third line of text (or leave it empty).
- Fourth line of typped text (Style 1 (with typed lines)) - add fourth line of text (or leave it empty).
- Fifth line of typped text (Style 1 (with typed lines)) - add fifth line of text (or leave it empty).
- Block subtitle - add subtitle to block.
- Banner height - add custom banner height (for example, 500px).
- Block title (Style 2 (simple), Style 3 (with button)) - add title to block.
- Title color (Style 3 (with button)) - select color of title.
- Subtitle color (Style 3 (with button)) - select color of subtitle.
- Button text (Style 3 (with button)) - add text to button.
- Button link (Style 3 (with button)) - add link to button.
Notice: don't forget to save changes!
Text block
Add text block to page.
- Title - add text of title.
- Title size - add title font size in px. eg 20px.
- Title color - choose title color.
- Subtitle - add subtitle of title.
- Subtitle size - add subtitle font size in px. eg 20px.
- Subtitle color - choose subtitle color.
- Left image - select image from media library.
- Right image - select image from media library.
Buttons
- Text on button - enter text on button.
- Button link - enter button link.
Notice: don't forget to save changes!
Button
Add style for button.
- Type of button - add type of button (Style 1, Style 2).
- Text on button - add text on button.
- Button link - add link to button.
- Text color - choose text color on button.
- Button background color - choose button background color.
Notice: don't forget to save changes!
Image with effects
Add image with effects to page.
- Style of image - select style of image (Image with link, Scroll down image).
- Your image - select image from media library.
- Image link (Image with link) - add link to image.
Notice: don't forget to save changes!
Testimonials slider
Add testimonials slider on page.
- Slider type - select style of testimonials (Type 1 (big author image), Type 2 (without image), Type 3 (static background), Type 4 (items with tags)).
- Slide Autoplay - slide autoplay (Yes, No).
- Slide Autoplay pause (Slide Autoplay (Yes)) - add time here in ms (for example, 2000), and slides will be changing in 2 seconds in this case.
- Background image (Type 3 (static background)) - select image from media library for slider background.
- Block title (Type 3 (static background), Type 4 (items with tags)) - add title to block.
- Title font size (Type 3 (static background)) - add slide title font size.
- Title color (Type 3 (static background)) - select color of title.
- Block subtitle (Type 3 (static background)) - add subtitle to block (on the top of title).
- Subtitle font size - add slide subtitle font size.
- Subitle color - select color of subtitle.
- Number - add number after title.
Values:
- Slide type - select the same type as before.
- Author image (Type 1 (big author image), Type 3 (static background)) - select image from media library.
- Small author image (Type 1 (big author image)) - select image from media library.
- Author - add testimonial author.
- Slide content - main content.
- Button text (Type 1 (big author image)) - add text on button.
- Button link (Type 1 (big author image)) - add link to button.
- Facebook (Type 1 (big author image)) - enter facebook social link url.
- Twitter (Type 1 (big author image)) - enter twitter social link url.
- Linkedin (Type 1 (big author image)) - enter linkedin social link url.
- Organization (Type 2 (without image)) - add organization title.
- Slide blockqoute (Type 3 (static background)) - add blockquote to slide content.
- Blockqoute font size (Type 3 (static background)) - add blockquote font size.
- Blockquote color (Type 3 (static background)) - select color of blockquote.
- Description font size (Type 3 (static background)) - add description font size.
- Description color (Type 3 (static background)) - select color of description.
- Date (Type 4 (items with tags)) - add testimonial date.
- Tags (Type 4 (items with tags)) - add tags to testimonial item.
Notice: don't forget to save changes!
Title
Add the title of the block.
- Select style of title -select style of title (Style 1, Style 2(boxed), Style 3(left aligned), Style 4(subtitle on top), Style 5 (icon on right), Style 6 (lowercase)).
- Title - enter main Title.
- Title size - enter main Title size (for example, 32px).
- Title color - choose title color.
- Subtitle (Style 1, Style 2(boxed), Style 3(left aligned), Style 4(subtitle on top)) - add subtitle of title.
- Subtitle size (Style 1, Style 2(boxed), Style 3(left aligned), Style 4(subtitle on top)) - enter subtitle font size in px. eg 20px.
- Subtitle color (Style 1, Style 2(boxed), Style 3(left aligned), Style 4(subtitle on top)) - choose subtitle color.
- Do you want to use custom font family for title? - check it if you want to use custom font family for title.
- Icon (Style 5 (icon on right)) - select icon from library.
Notice: don't forget to save changes!
Counter
Add counter to page.
- Number - add number.
- Title - add title.
- Title and number color - choose color.
- Color of filled up area - choose color.
- Color of background circle - choose color.
Notice: don't forget to save changes!
Block with image or video
Add blocks with images or video
- Style of block - select style of block (Style 1(image on the top with background), Style 2(image on top), Style 3 (image or video))
- Image - select block image from media library.
- Image on hover (Style 1 (image on the top with background)) - select block image for mouse over effect from media library.
- Block title - add title text to the block.
- Title link (Style 1(image on the top with background), Style 2(image on top)) - add link to title (or leave empty).
- Subtitle (Style 1(image on the top with background), Style 2(image on top)) - add subtitle to the block.
- Header text color - select color for block title.
- Subtitle text color - select text color of subtitle.
- Type of block (Style 3 (image or video)) - select style of block(Image, Video).
- Button text (Style 3 (image or video)) - add text on button.
- Button link (Style 3 (image or video)) - add link to button and block title.
- Video (Type of block (Video)) - select type of video for block.
- YouTube video URL (Type of block (Video)) - add YouTube video URL here.
Notice: don't forget to save changes!
Banner Slider
Add image for Slider background from media library.
- Slider type - select type of slider (Type 1 (with video), Type 2 (with button), Type 3 (Only image), Type 4 (Letter), Type 5 (vertical pagination).
Values
- Slider type - select the same type of slider as on the top.
- Slide background image - select image from media library for slide background.
- Title (Type 1 (with video), Type 2 (with button), Type 4 (Letter), Type 5 (vertical pagination)) - add slide title.
- Title (second line) (Type 2 (with button)) - add slide second line title.
- Title font size (Type 2 (with button)) - add slide title font size.
- Slide content (Type 1 (with video), Type 2 (with button)) - add main content.
- Font style (Type 2 (with button)) - write here that style of font you need to use (for example, normal, italic etc.).
- Button text (Type 1 (with video), Type 2 (with button)) - add text on button.
- Button link (Type 1 (with video), Type 2 (with button)) - add link to button.
- Video background image (Type 1 (with video)) - select background image from media library for video.
- Video (Type 1 (with video)) - select type of video for slider.
- YouTube video URL (Type 1 (with video)) - add YouTube share HTML-code video URL here.
- Image URL (Type 3 (Only image)) - add link to image.
- Link (Type 4 (Letter), Type 5 (vertical pagination)) - add link to title.
- Slide letter (Type 4 (Letter)) - add letter to slide.
- Add icon (Type 5 (vertical pagination)) - check it if you need to add icon.
Notice: don't forget to save changes!
Tabs
Add tabs to page.
- Tab Title - add title to tab.
- Top Tab image - select image from media library.
- Top Tab active image - select image from media library when tab is active.
- Tab Content Title (before marked word) - add title to content in tab.
- Marked word (or words) - add marked word (or words) into tab content title.
- Tab content title after marked word - add title end (after marked word).
- Tab content image - select image from media library.
- Content - add content to tab.
- Button text - add text to button in tab.
- Button link - add link to button in tab.
Notice: don't forget to save changes!
Blog Post
Add blog post to page.
- Type of block - choose type of blog posts block (Style 1, Style 2).
- Select category - you can choose spesific category to show it on page.
- Items per page - enter number of items on page.
- Order by - select how to sort retrieved products.
- Sort order - designates the ascending or descending order.
- Show date? - show date (Yes, No).
Notice: don't forget to save changes!
Portfolio
Create portfolio section on page.
- Type - select type (Type 1, Type 2, Type 3, Type 4).
- Show filters panel (Type 1, Type 2, Type 4) - show filters panel (Yes, No).
- Filter align (Type 1, Type 2, Type 4) - select style filter align.
- Show "All" filter (Type 1, Type 4) - show "All" filter (Yes, No).
- Select Categories - you can choose spesific category to show it on page.
- Items per page - enter amount items on page.
- Header text color - choose color.
- Item top and bottom padding - add custom top and bottom paddings to portfolio item.
- Item left and right padding - add custom left and right paddings to portfolio item.
- Order by - select how to sort retrieved products.
- Sort order - designates the ascending or descending order.
- Type view (Type 2) - select type view (Image view, List view).
- More items (Type 2) - select more items (Disable, Load more button, Infinity scroll)
- Title (Type 2, Type 3, Type 4) - enter title.
- Background color (Type 3, Type 4) - select background color.
- Label(Type 4) - add label to portfolio section.
Notice: don't forget to save changes!
Product
Add product on page.
- Product styles - add product styles (Style 1 (content on image), Style 2 (content under image)).
- Select Product - choose specific product to show it is slide.
- Show Buy button? - check if you want to show buy button.
- Show price? - check if you want to show price.
- Show category name? - check if you want to show category name.
Notice: don't forget to save changes!
Google map
Add google map to the page.
- Map Height - enter map height in "px".
- Style - choose style of Google map (Style 1, Style 2, Style 3, Style 4, Style 5).
- Map Zoom - enter map zooming value.
- Map Labels - add map labels.
- Labels Image - select images from media library.
- Extra class name - enter extra class name.
Notice: don't forget to save changes!
Image block with popup
Add image block with popup.
- Image - select block image from media library.
- Image on hover - select block image for mouse over effect from media library.
- Block title - add block title.
- Subtitle - add subtitle.
- Popup background image - select block image from media library.
- Popup image - select block image from media library.
- Popup title - add popup title.
- Popup text - add popup text.
- Extra class name - add extra class name.
Notice: don't forget to save changes!
Team banner
Add team banner to page.
- Team banner type - select the type of block(Type 1 (different number of team members on banner), Type 2 (4 team members on banner), Type 3 (slider))
- Team image (Type 1 (different number of team members on banner)) - select image from media library (need to have at least 3 team members).
- Banner (section) title (Type 1 (different number of team members on banner), Type 3 (slider)) - add title to banner (section).
- Number of team members on banner (Type 1 (different number of team members on banner)) - add number of team members on banner image.
- Banner height (Type 2 (4 team members on banner)) - add custom banner height (for example, 700px).
Team members
- Team banner type - select the same type as in before(Type 1, Type 2, Type 3)
- Team member image - select image from media library.
- Name - add team member name.
- Content - add main content.
- Twitter (Type 1, Type 2) - enter twitter social link url.
- Facebook (Type 1, Type 2) - enter facebook social link url.
- Position (Type 2) - add team member position.
- Linkedin (Type 2) - enter linkedin social link url.
- Letter (Type 3) - add letter on image.
Notice: don't forget to save changes!
Contact Section with button
Add contact section with button to page.
Notice: don't forget to save changes!
History
Add a section of history on the page.
- Title - add title to section.
- Subtitle add subtitle to section.
Items by years
- Year - add year to single slide.
- Year background color - select background color.
- Image - add item image.
- Title - add title to item.
- Title and image link - add link on title and image.
- Author - add author of item.
Notice: don't forget to save changes!
Block with number
Add block with number to page.
- Block type - select the type of block (Type 1 (image one right, text block with button), Type 2 (with slider), Type 3 (full width), Type 4 (team), Type 5 (facts), Type 6 (image, 2 text blocks and button)).
- Image (Type 1, Type 4, Type 6) - select image from media library.
- Title (Type 1, Type 2, Type 3, Type 6) - add title to text block.
- Title color - select color for title.
- Block number - add number to text block.
- Content (Type 1, Type 2, Type 3, Type 4, Type 6) - add main content to block.
- Text block background color - select color for block.
- Button image (Type 1) - select image from media library for button.
- Button link (type 1, Type 2, Type 6) - add link to block.
- Small block background color - select color for block.
- Block style (Type 2) - select block layout view (Style 1 (slider on right), Style 2 (Slider on left)).
- Button text (Type 2, Type 6) - add text to button.
Items (Type 2, Type 3, Type 5)
- Content style - select block layout view (Style 1 (slider), Style 2 (text), Style 3 (title and subtitle))
- Slide image (Style 1 (slider)) - select image from media library.
- Title (Style 2 (text), Style 3 (title and subtitle)) - add short content to small block.
- Subtitle (Style 3 (title and subtitle)) - add subtitle to block.
- Title (second line) (Type 3) - add second line of title to block.
- First Name (Type 4) - add team member name.
- Last name (Type 4) - add team member last name
- Section title (Type 5, Type 6) - add title to section.
- Section fact (Type 5) - add fact string into section.
- Fact font-size (Type 5) - add font-size to fact (for example, 200px).
- Fact line-height (Type 5) - add line-height to fact (for example, 200px).
- Section fact label (Type 5) - add label to fact.
- Section subtitle - add subtitle to section.
- Secontd block content (Type 6) - add content to second text block.
Notice: don't forget to save changes!
Fullwidth section
Add full width section to page.
- Section type - select section type (Type 1 (title with typed words, scroll down), Type 2 (project), Type 3 (blockquote), Type 4 (contact))
- Section title (Type 1, Type 4) - add title to section.
- First typed word (Type 1) - add first typed word to title.
- Second typed word (Type 1) - add second typed word to title.
- End of title (second line) (Type 1, Type 4) - add end for section title.
- Section scrolldown content (Type 1) - add content to scrolldown line.
Projects (Type 2)
- Block style (Type 2) - select block layout view style (Style 1 (description on right), Style 2 (description on left)).
- Project featured image (Type 2) - select image from media library.
- Section title (Type 2) - add title to section.
- End of title (second line) (Type 2) - add end for section title.
- Title link (Type 2) - add link to title.
- Author (Type 2) - add author.
- Project description (Type 2) - add small project description.
- Project images (Type 2) - select image from media library.
- Author (Type 3) - add author.
- Image (Type 3) - select image from media library.
- Background image (Type 3) - select image from media library for block background.
- Content (Type 3, Type 4) - add main content to block.
- Send Email text (Type 4) - add content of "write us an email" text.
- Contact email (Type 4) - add contact email.
- Friendly message (Type 4) - add message to section.
Items (Type 4)
- Social network (Type 4) - enter social network name.
- Social network link (Type 4) - enter social network link.
Notice: don't forget to save changes!
Client Slider
Add slider with clients on page.
Notice: don't forget to save changes!
Contact section
Add contact section to page.
- Section type - select the type of block (Type 1 (with map), Type 2 (simple)).
- Title - add section title.
- Title font size - add title font size (for example, 24px).
- Title color - select color of title.
- Address - add contact address.
- Email - add contact email.
- Phone - add phone number.
- Contact fields font size - add font size (for example, 24px) to all contact fields.
- Contact fields color - select color of contact fields.
Markers (Type 1 (with map))
- Latitude (Type 1 (with map)) - add latitude.
- Longitude (Type 1 (with map)) - add longitude.
- Marker title (Type 1 (with map)) - add title to marker text block.
- Marker text (Type 1 (with map)) - add main content to marker text block.
- Latitude (Type 1 (with map)) - add latitude.
- Longitude (Type 1 (with map)) - add longitude.
- Map zoom (Type 1 (with map)) - add map zoom value.
- Map style (Type 1 (with map)) - select map style (Style 1. Style 2, Style 3, Style 4, Style 5).
- Marker image (Type 1 (with map)) - select marker image from media library.
- Extra class name - style particular content element differently - add a class name and refer to it in custom CSS.
- Background image (Type 2 (simple)) - select background image from media library.
- Subtitle (Type 2 (simple)) - add section sebtitle.
- Subtitle font size (Type 2 (simple)) - add subtitle font size (for example, 24px).
- Subtitle color (Type 2 (simple)) - select color of subtitle.
- Description (Type 2 (simple)) - add description.
- Description font size (Type 2 (simple)) - add description font size (for example, 24px).
- Description color (Type 2 (simple)) - select color of description.
- Address (second line) (Type 2 (simple)) - add second line of contact address.
- Address block title (Type 2 (simple)) - add title to contact address block.
- Email block title (Type 2 (simple)) - add title to contact email block.
- Phone block title (Type 2 (simple)) - add title to contact phone block.
- Fax (Type 2 (simple)) - add your fax number.
- Fax block title (Type 2 (simple)) - add title to contact fax block.
- Contact form (Type 2 (simple)) - add shortcode for contect form.
Notice: don't forget to save changes!
Gallery Slider
Add gallery slider to page.
- Please click Save Changes below, and Select child of this modules. - this checkbox is for information purpose only.
Gallery Slider Content - enclosed.
Add content for gallery slider.
- Content type - select type of content for slider (Image, Video).
- Slide image (Image) - select image for Slide from media library.
- Title - add slide content title.
- Title font-size - add title font size.
- Link (Image) - add slide title and image link.
- Subtitle - add subtitle of content.
- Subtitle font-size - add subtitle font size.
- Video background image (Video) - select background image from media library for video.
- Video (Video) - select type of video for slider (Youtube, Vimeo)
- YouTube video URL (Video) - add YouTube video URL here.
Notice: don't forget to save changes!
Notice: don't forget to save changes!
About
Add about section to page.
- Section type - select the type of block (Type 1 (dark), Type 2 (light)).
- Background image - select image from media library.
- Title - add title to section.
- Title font size - add title font size (for example, 24px).
- Title color - select color of title.
- Content - add description to section.
- Author (Type 1 (dark)) - add author name to section.
- Author font size (Type 1 (dark)) - add author font size (for example, 16px).
- Author color (Type 1 (dark)) - select color.
- Image (Type 1 (dark)) - select image with author sign.
- Subtitle (Type 2 (light)) - add subtitle to section.
- Subtitle font size (Type 2 (light)) - add subtitle font size (for example, 16px).
- Subtitle color (Type 2 (light)) - select color of subtitle.
Items with number (Type 2 (light))
- Number (Type 2 (light)) - add number to block.
- Number color (Type 2 (light)) - select color of number.
- Title (Type 2 (light)) - add title to block.
- Number title color (Type 2 (light)) - select color.
Notice: don't forget to save changes!
Services
Add section services on page.
- Section type - select the type of block (Type 1 (slider with popup), Type 2 (with numbers), Type 3 (slider on right), Type 4 (slider with background)).
- Title - add title of block.
- Title color - select color of title.
- Section background image (Type 1 (slider with popup), Type 2 (with numbers), Type 4 (slider with background)) - select image from media library.
- Section background color (Type 1 (slider with popup)) - select background color of section.
- Content (Type 2 (with numbers), Type 3 (slider on right), Type 4 (slider with background)) - add main content of section.
- Content color (Type 2 (with numbers), Type 3 (slider on right), Type 4 (slider with background)) - select color.
- Label (Type 3 (slider on right), Type 4 (slider with background)) - add label.
Service items
- Content type - select the same type as above (Type 1 (slider with popup), Type 2 (with numbers), Type 3 (slider on right), Type 4 (slider on background)).
- Service style (Type 1 (slider with popup)) - select the same type as above (Popup, Link).
- Title (Type 1 (slider with popup)) - enter title.
- Title color (Type 1 (slider with popup)) - select color of title.
- Subtitle (Type 1 (slider with popup)) - enter subtitle.
- Subtitle color (Type 1 (slider with popup)) - select color of subtitle.
- Section image (Type 1 (slider with popup)) - select image from media library.
- Popup background image (Type 1 (slider with popup)) - select image from media library.
- Content Title (Type 1 (slider with popup), Type 2 (with numbers)) - title of main content of section.
- Content Title color (Type 1 (slider with popup), Type 2 (with numbers)) - select color.
- Content (Type 1 (slider with popup), Type 2 (with numbers)) - add main content of section.
- Content color (Type 1 (slider with popup), Type 2 (with numbers)) - select color of content.
- Service link (Type 1 (slider with popup)) (Service style (Link)) - add link to service.
- Block number (Type 2 (with numbers)) - add number to block.
- Number color (Type 2 (with numbers)) - select color.
- Section image (Type 3 (slider on right), Type 4 (slider on background)) - select image from media library.
Notice: don't forget to save changes!
Price Tabs
Add section price tabs on page.
- Section Title - add title before filter items.
- Top Tab image - select image from media library.
- Filter Title - add title before filter items.
Tab items
- Tab Title - add title to tab
Price plan
- Block style - select block style (Small, Big).
- Currency - add currency symbol (for example: $).
- Font-size of currency symbol - add font size of currency symbol (for example, 35px).
- Line-height of currency symbol - add line height value of currency symbol (for example, 42px).
- Price - add price.
- Font-size of price - select font size of price item (default is 62px).
- Pricing period - add pricing period.
- Font-size of pricing period - select font size of pricing period (for example, 32px).
- Item title - add item title.
- Content - add content.
- Button text - add text to button.
- Button link - add link to button
- Price plan background color - select color.
Notice: don't forget to save changes!
Service
Add section service on page.
Notice: don't forget to save changes!
Client section
Add client section on page.
- Block title - add title to block.
- Block subtitle - add subtitle to block.
Items
- Client logo - select client logo image from media library.
- Logo link - add link to logo.
- Client image - select client image from media library.
- Client review - add client review to section.
- Client name - add client name.
- Client position - add client position.
- Client Link text - add title to link.
- Client Link - add link to client section.
Notice: don't forget to save changes!
We would like to thank you once again for purchasing this theme. As I have said at the beginning, I'd be glad to help you if you have any questions relating this theme. No guarantees, but I'll do my best to assist. If you have any suggestions on how to improve our themes or documentation please share them!