• Facebook
  • Twitter

General Information


Thank you for purchasing Siver! We’re very pleased that you have chosen our theme to build your website and we’re trying our best not to disappoint you! Before you get started, please check out these documentation pages. Siver can only be use with WordPress which we assume you already have installed and ready to go. If not, please check out WordPress Codex.


Requirements for Siver


Before using Siver, please meet the following requirements:

  • essentials to run WordPress – here you can find more information – in case any doubts regarding the server, contact your host provider,
  • latest version of WordPress, which you can download here,
  • create secure FTP and Database.

What’s Included


When purchasing our theme from Themeforest, you need to download the Siver files from your Themeforest account. Navigate to downloads tab on Themeforest and find Siver. Below you’ll find a full list of what is included the .zip file, along with a brief description of each item.
Siver Folder contains:

    • sivertheme.zip – main installation folder

Support


All of our items come with free support. For some help you can reach to our dedicated support forum. Free support is limited to questions regarding the themes features or problems. We provide premium support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme, feel free to contact us on premium@createit.pl.

For free support, follow the steps below

  • Step 1Click Here to create a free forum account. You’ll need your Themeforest purchase code, which can only be received when purchasing the theme from Themeforest.net.
  • Step 2 – Enter your Themeforest Purchase Code, an e-mail and a password.
  • Step 3 – Once you have an account, sign in to the forum and get started.
  • Step 4 – Find your theme on a forum home page.
  • Step 5 – Create new issue by clicking on a button at the right.

Before You Post On a Forum

We urge you to follow the steps below, before you post a new topic on the forum, to speed up your request. It’s in everyones interest and will benefit in making the entire forum more efficient:

  • Step 1 – Always check the Documentation and the Knowledgebase Section. Most questions are already answered in those areas.
  • Step 2 – Always use our Forum Search before you post, it’s possible that your issue has already been brought up and answered.
  • Step 3 – If your question hasn’t been brought up, please post a new topic. Always be as specific as possible. Creating a topic requires entering the live URL to your home page or page that shows the issue in question. It also has bars for WP and FTP login info, which aren’t required, however, providing us with your login information can save a lot of time for both of us. Login credentials are securely stored and accessible only by our support staff.
  • Step 4 – We usually answer questions in 24 hours on working days. However if you don’t get any answer in 72 hours bump up your question or send us an e-mail.

Our support hours: 10:00 AM – 6:00 PM UTC +1 on Monday to Friday.

Premium Support

We can create your website from scratch, redesign it or just extend the current ones. For more information, please take a look at our website.

Typical issues covered by Premium Support:

  • Custom CSS
  • Support for third party software and plug-ins
  • WordPress Installation with Theme configuration
  • Server configuration
  • Site structure modifications
  • Graphic adjustments, etc.
  • WordPress general howto’s

Installation via Administration Panel


If Siver files are downloaded from your Themeforest account, you can start an installation using WordPress administration panel.

Once you’ve logged in to your administration panel go to Appearance > Themes. Depending on your version of WordPress, you’ll see Add New or two other tabs: Manage Themes and Install Themes.

Themes section

Themes section

Here you can find instructions how to proceed with 3.9.0 and lower versions of WordPress.

 

If you’re using newer version, follow steps below to install the theme:

    • Step 1 – click on

      Add New

    • Step 2 – choose Upload Theme option to upload .zip file
      Upload theme

      Upload theme

    • Step 3 – choose sivertheme.zip from you computer.
    • Step 4 – once file is chosen click Install Now
      Install theme now

      Install theme now

    • Step 5 go to Appearance > Themes and Activate Siver
    • Step 6 – After activating Siver, you will be sent to Theme Installation Instruction steps. By following this steps you will be asked to install required plugins, activate them, import demo content (required) and install sample of WPL content.

 

Common Install Error: Are You Sure You Want To Do This?

If you get the following question message when installing Siver.zip file via WordPress, it means that you have an upload file size limit. Install the theme via FTP or call your hosting company and ask them to increase the limit.


Installation via FTP


To install Siver via FTP, follow steps below:

  • Step 1 – Unarchive sivertheme.zip file
  • Step 2 – Access your host web server using FTP client
  • Step 3 – Find directory wp-content > themes
  • Step 4 – Put folder Siver in directory wp-content > themes
Installation directory

Installation directory


Learn more:

WordPress codex – FTP clients


Activating plugins


Siver comes with number of custom features like:

  • Backup & Demo content
  • FAQ,
  • Portfolio,
  • Breadcrumbs,
  • Testimonials
  • Shop Locator

For the correct operation of Siver you have to install and activate them for Siver:

After activating Siver you will also get the information about all of theplugins that you should or can install and activate for the full experience of the Theme.  You can find this information on path Appearance > Theme Installation.

 

Also the information about all required plugins that should be installed and activated you will find in WordPress dashboard on path Appearance > Theme Installation

Theme installation instruction

Theme installation instruction

With these plugins your custom post types will be saved in your admin panel, even if you change your WordPress theme.

Notice: Plugin must be installed and activated right after you install and activate the Siver – otherwise you might be encountered problems with correct theme functioning.

Install plugin

Install plugin (example)


Import demo content


The fastest and easiest way to import our demo content is to use Theme Options 1-click Demo Importer. It will import all pages and posts, several sample sliders, widgets, theme options, assigned pages, and more.

We recommend this approach on a newly installed WordPress. It will replace  the content you currently have on your website. However, we create a backup of your current content in (Tools > Backup). You can restore the backup from there at any time in the future.

Backup option

Backup option

To import our demo content, please follow the steps below:

Theme installation instructions

Theme installation instructions

  • Step 1 – install and activate plugins listed in Theme installation instructions message
  • Step 2 – in dashboard go to Unyson and make sure that Backup & Demo Content extansion is activate
    Install Unyson extension

    Install Unysone extension

  • Step 4 – navigate to Tools where after activating the Unyson extansion Demo content Install option will be avaliable
    Demo content install

    Demo content install

  • Step 5 – choose import option you want to use from avaliable options DEMO IMPORT IMG
  • Step 6 – wait untill the content will be installed
    Installing new content

    Installing new content

Importing can take a few minutes. Please be patient and wait for it to complete. Once it will be loading, you will see message with indicating progress.


Siver Customize


Siver comes with an advanced customizer, which allows to edit most of the theme elements in one place. If you want to use it, navigate to Appearance > Customize

Customizer

Customizer

It will display a panel with tabs corresponding to all theme sections, such as:

  • Navigation
  • Blog
  • Single blog post
  • Shop
  • Portfolio
  • Footer
  • Widgets

You will also find the main style settings:

  • General
  • Page Head
  • Header Image

General

General settings

General settings

This style setting customize option will let you to:

  1. Choose the motive and accent motive color for your theme
    motive and accent motive color

    motive and accent motive color

  2. Check onepager option if you want to have onepager site (more info about onepager site HERE)
  3. You can choose if you want to use a preloader  and what Image will be visible when the page will be loading.
    Loading example

    Loading example

Header Image

In Header Image section you can edit logo on the site

Header image settings

Header image settings

Notice:

All changes made with customizer will only be applied when you click on

save


Page Header


Page header

Page header

In  Siver page header section you can custom your site by all the avaliables options like:

  1. Display page header – let show page header on all of the pages
  2. Display page header in main page (avaliable only when Display page header is checked)
  3. Display breadcrumbs  (avaliable only when Display page header is checked)
  4. Head section type – you will be able to choose from:
    • Static
    • Parralax
    • Video
    • Kenburns
  5. Mobile background image
  6. Background image
  7. Second background image
  8. Third background image
  9. Head height
  10. Parallax ratio
  11. Video url
  12. Video file type

This customize option will let you set global options for the header of your site pages taht can be accessed from Pages button. They will only work when in pages the Header Options section will be set to Head settings: Use global customizer settings. Also you can set header options for each of the pages by the Head settings instead.

Header options settings for page

Header options settings for single page


Homepage Settings


In Static Front Page content tab you can define which of the created Pages will be used as a site Home page and which page will be used as a Blog page (avaliable for static page option).

Homepage Settings

  1. Front page display
    • Your latest posts – latest posts will be shown on the Front page
    • A static page – Home page and Blog index page will be chosen from list of static pages.
  2. Front page – avaliable if A static page option is chosen, set page that will be shown as a Front page
  3. Posts page – avaliable if A static page option is chosen, set page that will be shown as a Posts page

Notice:

All changes made with customizer will only be applied when you click on

save


Index Blog page


Blog settings

Blog settings

In Blog content tab you can define the following settings for Blog Index page.:

Blog Index

Blog Index

  1. Display blog sidebar – Check Yes if you want to display sidebar with widgets on blog page.
    Blog Index page - sidebar right

    Blog Index page – sidebar right

  2. Place to display sidebar – Chose place for blog sidebar
    • Left side
    • Right side
  3. Social share – Check Yes to display social share icons after post, that will let you share post on this social platforms
    Socials visible after post

    Socials visible after post

  4. Social Share – avaliable social share icons you can use
    • Facebook
    • Twitter
    • Reddit
    • Digg it
    • Linkeding
    • Google +
    • Pinterest

Notice:

All changes made with customizer will only be applied when you click on

save


Single blog post


Single blog post settings

Single blog post settings

In Blog content tab you can define the following settings for Blog single page.:

Single blog page

Single blog page

In Single blog post content tab you can define the following settings for Blog Index page.:

  1. Display blog sidebar – Check Yes if you want to display sidebar with widgets on blog page.
    Blog Index page - sidebar right

    Blog Index page – sidebar right

  2. Place to display sidebar – Chose place for blog sidebar
    • Left side
    • Right side
  3. Tags after posts – Check Yes to display tags after post
  4. Social share – Check Yes to display social share icons after post, that will let you share post on this social platforms
    Socials visible after post

    Socials visible after post

  5. Social Share – avaliable social share icons you can use
    • Facebook
    • Twitter
    • Reddit
    • Digg it
    • Linkeding
    • Google +
    • Pinterest
  6. Display comments after post – Check Yes if you want to activate comments on blog
    Display comment section

    Display comment section

Notice:

All changes made with customizer will only be applied when you click on

save


Shop


Shop settings

Shop settings

In Shop content tab you can define the following settings for shop page.:

Shop Index page

Shop Index page

  1. Display shop sidebar – check Yes to display sidebar
    Shop sidebar

    Shop sidebar

  2. Place to display sidebar
    • Left side
    • Right side
  3. Display shop small cart – check Yes if you want to display shop small cart
    Small shop cart (activate)

    Small shop cart (activate)

Notice:

All changes made with customizer will only be applied when you click on

save


Portfolio


Portfolio settings

Portfolio settings

In Portfolio content tab you can define the following settings for Portfolio Single page.:

Portfolio Single page

Portfolio Single page

  1. Display portfolio sidebar – check Yes to display sidebar
  2. Place to display sidebar
    • Left side
    • Right side
  3. Social share – Check Yes to display social share icons after post, that will let you share post on this social platforms
    Portfolio socials

    Portfolio socials

  4. Social Share – avaliable social share icons you can use
    • Facebook
    • Twitter
    • Reddit
    • Digg it
    • Linkeding
    • Google +
    • Pinterest

Notice:

All changes made with customizer will only be applied when you click on Save & Publish button

save


Footer


In Footer content tab you can define the following settings:

Footer settings

Footer settings

Footer and pos footer

Footer and pos footer

  1. Footer display – check Yes if you want to display footer section on the website
  2. Number of footer rows – choose the number of rows visible in the footer section (One row, Two rows)
  3. Footer logo – check if you want to display logo in footer
  4. Logo image – set the logo
  5. Post footer display – check yes you want to display post footer
  6. Number of post footer rows – choose the number of rows visible in the post footer section (One row, Two rows)

Notice:

All changes made with customizer will only be applied when you click on

save


Siver custom shortcodes


With Siver comes many custom shortcodes for VC that are used to show content created in Siver. Below you will find short information about this VisualComposer elements:

Siver avaliable shortcodes

Siver avaliable shortcodes

Button Siver

This theme come with VC item that gave you option to create buttons that can be used in the theme.

Siver buttons

Siver buttons

This item contains many variation that will let you create button that will suit you best.

Button settings

Button settings

Button

  • Button title – set the text that will be visible in the button
  • Button size
    1. Default
    2. Extra Small
    3. Estato Success
    4. Small
    5. Large
  • Button style
    1. Motive
    2. Motive dark hover
    3. Motive transparent
    4. Motive transparent, dark text
    5. Light
    6. Light dark hover
    7. Light transaprent
    8. Light transparent, dark text
  • Full width button? – check Yes to make the button full width
  • Button link

Styled Google Maps Settings

Styled Google maps settings

Styled Google maps settings

You can customise this element with options visible below:

Styled Google Maps Settings

Styled Google Maps Settings

General

  • Adress – set the adress of the location you want to show on your map via map marker
  • Lattitude – will work only when Adress will not be set
  • Longitude – will work only when Adress will not be set
  • Custom map height – set custom height of the map (px)
  • Zoom – set the zoom of the map (by deafult it is set to 11)
  • Map marker – add the image that will be used as a marker on the map
  • Map style code – use style from snazzymaps for the map.

Siver Header

Siver Header

Siver Header

You can customise this element with options visible below:

Siver Headers settings

Siver Headers settings

General

  • Header type – set the type of the header. The colors that are part of this type will work only when there will be no color set in the settings
    1. Center dark
    2. Center light
    3. Left aligned – light
    4. Left aligned – dark
    5. Left aligned type 2 – light
    6. Left aligned type 2 – dark
  • Header level – set the level use for header
    1. h1
    2. h2
    3. h3
    4. h4
    5. h5
    6. h6
  • Header title
  • Header title font size (px)
  • Header title color
  • Header subtitle title
  • Header subtitle font size (px)
  • Header subtitle color
  • Header top margin (px)
  • Header bottom margin (px)

Iconbox

Iconbox

Iconbox

Iconbox settings

Iconbox settings

General 

  • Number of icons – it can be set from 1 to 4
  • Style
    1. Small Left Aligned
    2. Small Right Aligned
    3. With Background Left Aligned
    4. With Background Right Aligned

Icons 1 (you can set the number of icons to 4)

  • Title – set the title used in the iconbox
  • Text – enter a subtitle
  • Icon – choose an icon that will be used for the iconbox

Iconbox Big Style

Iconbox big style

Iconbox big style

 

WIP

You can customise this element with options visible below:

Image carousel settings

Image carousel settings

General

  • Layout
    1. One
    2. Two
  • Columns count – from 1 to 10
  • Navigation – check Yes to show navigation
  • Autoplay – check Yes to turn on autoplay
  • Autoplay speed – set delay for the autoplay in (ms)
  • Speed [ms]
  • First row images – choose image for the first row
  • Images labels – set the label for each image (visible after hover)

Image Features

Image Features

Image Features

You can customise this element with options visible below:

Image Features settings

Image Features settings – General

General

  • Layout
    1. Image on the left
    2. Image on the right
  • Style
    1. Motive Light
    2. Motive Dark
    3. White
Image Features settings

Image Features settings

Feature 1, Feature 2, Feature 3, Feature 4

  • Feature type
    1. None (skip this feature)
    2. Text
    3. Line
    4. Icon
    5. Line and icon
    6. Button
  • Pointer line offset
  • Pointer icon offset
  • Line width
  • Icon
  • Icon title
  • Icon subtitle

Image gallery

Image gallery

Image gallery

Image gallery settings

Image Gallery Settings

General

  • Columns count  – choose how many images will be added to single column (from 1 to 5)
  • Images – choose the images from the ones added to Media Gallery

Link to section

Link to section

Link to Section

Link to Section Settings

Link to Section Settings

General

  • Section to scroll to
  • Text label
  • Motive
    1. Light
    2. Dark
    3. Motive

Promo Icons

Promo Icons

Promo Icons

You can customise this element with options visible below:

Promo Icons settings

Promo Icons settings – General

General

  • Style
    1. Transparent
    2. Vertical
    3. Horizontal
  • Custom CSS class – add custo class to style the element
Promo Icons settings - Icons

Promo Icons settings – Icons

Icon 1, Icon 2, Icon 3, Icon 4, Icon 5, Icon 6

  • Icon – set the icon for the button
  • Image – set the backgroun for the icon box
  • Icon color
  • Icon text color
  • Button enabled
  • Button title
  • Button link
  • Button size
  • Button style
  • Button icon – avaliable for separated style buttons only
  • Use custom colors for button? – check Yes if you wish to create button with custom colors
  • Button text custom color
  • Button background custom color

Promo Section

Promo Section

Promo Section with e-mail input

Promo Section Settings

Promo Section Settings

General

  • Background color
  • Image
  • Title
  • Subtitle
  • Layout
    1. Buttons
    2. Email input
Promo Section Settings 2

Promo Section Settings 2

Email input (when Email input chosen in Layout option)

  • Email input Contact Form id
Promo Section Settings 3

Promo Section Settings 3

Button 1, Button 2 (when Buttons input chosen in Layout option)

  • Button enable – Check Yes to enable
  • Button title
  • Button link
  • Button size
    1. Default
    2. Extra Small
    3. Estato Success
    4. Small
    5. Large
  • Button style
    1. Accent Motive
    2. Dark
    3. Dark Separated
    4. White
    5. White Separated
    6. Transparent
  • Button icon (for separated style buttons)
  • Use custom colors for button? – Check Yes to use
  • Button text custom color
  • Button background custom color

Where to find Email input Contact Form ID? 

Open the settings page for Contact Form 7, and then open the contact form you want to add. Each contact form has its own shortcode. Just copy the ID from the contatc form and use for Email input Contact Form id.

Contact form ID

Contact form ID

Disrupt Socials

Disrupt Socials

Disrupt Socials

Disrupt Socials Settings

Disrupt Socials Settings

General

  • Style
    1. Rounded motive
    2. Runded black
    3. Footer motive
  • Tooltip position
    1. Bottom
    2. Top
    3. Right
    4. Left
    5. Hidden tooltip
  • Open links in new tabs? – check Yes to enable the option
  • Custom CSS class – add custom css class to style the Socials
  • Facebook link, Twitter link, Instagram link, Pinterest link, Vkontakte link, Linkedin link, Rss linkn – add full link address to your social account

List

List

List

List Settings

List Settings

  • Title
  • List of features – create a list of features by adding them with a comma separated

Video

Video

Video

Video Settings

Video Settings

  • Video – add the ID of the video you want to show on your site
  • Host – choose between Youtube and Vimeo video
  • Laptop Background – check yes if you want the video to be shown in a laptop background

Where to find ID of your Video? 

    • Youtube – It is very simple to find your YouTube video ID. First, go to the YouTube webpage. Look at the URL of that page, and at the end of it, you should see a combination of numbers and letters after an equal sign (=). This is the code you need to enter into your YouTube stack.
    • Vimeo
      1. To find your Video ID, go to the Vimeo page and find the video you want to put on your website.
      2. Once it is loaded, look at the URL and look for the numbers that come after the slash (/).
      3. This number is the Video ID and what you will use in your stack settings.

Woo Promo Section

Woo Promo Section

Woo Promo Section

Woo Promo Section Settings

Woo Promo Section Settings

General

  • Background color
  • Title text
  • Title text color
  • Subtitle text
  • Subtitle text
  • Show product number select – Check Yes to show
  • Show product variations – Check Yes to show
  • Enter product id
Woo Promo Section Settings 2

Woo Promo Section Settings 2

Button

  • Button enabled
  • Button title
  • Button link
  • Button size
    1. Defaukt
    2. Extra Small
    3. Small
    4. Large
  • Button syle
    1. Accent motive
    2. Dark
    3. Dark separated
    4. White
    5. White separated
    6. Transparent
  • Button icon (for separated style buttons)
  • Use custom color for button – Check Yes to show
  • Button text custom color: (avaliable only when Use custom color for button is checked)
  • Button backgroun custom color: (avaliable only when Use custom color for button is checked)

Where to find product ID? 
A WooCommerce Product ID is sometimes needed when using shortcodes, widgets and links. To find the ID, go to Products button and hover over the product you need the ID for. The product ID number is displayed.

Product with ID

Product with ID

FAQ

Faq

Faq

Faq Settings

Faq Settings

Disrupt

  • Title
  • Subtitle

Shop locator

Shop Locator

Shop Locator

Shop Locator Settings

Shop Locator Settings

Avaliable option that can be set via this shortcode:

  • Title
  • Subtitle
  • Small icon cluster
  • Medium icon cluster
  • Big icon cluster

Team display

Testimonial slider


Pages


You can use Pages to organize and manage any content on your website. You can create multiple pages on your website for different types of content or setup onepager with scroll-to-section menu.


Create pages Siver WP


To create a new Page follow the steps below:

  • Step 1 – select Pages > Add New
  • Step 2 – add Title
  • Step 3 – add content – we recommend you to create page content using Visual Composer or by modifying demo content
  • Step 4 – choose page attributes:
    Page attributes

    Page attributes

    • Parent – if you want to create subpage
    • Template – you can choose one of defined page templates:

      Template settings

    • Page order
  • Step 5 – click Publish to make your page public.

Learn more:

WordPress Pages


Homepage setup


If you have added some pages via Pages > Add new you can choose one and set it up as a homepage. Use {homepage_setup} and choose from the list your homepage. Remember to click Save changes at the end of editing.
{homepage-screenshot}


Onepager setup Siver


REMEMBER: To be able to fully use Onepager Feature you need to check the onepager option in Customize section General

Siver has the ability to make one page site with a scrolling to sections menu. Most sites are traditionally setup with individual pages, each page with its own content. One page site allows you to put all the content on one page, and the menu items will link to each different section of the page. Think of it as a full site but all on one page. Please read below for information on how to set this up.

Create A New Page With Your Content And Anchor Points

    • Step 1 – Navigate to the Pages section of your admin and click Add New.
    • Step 2 – Create page with all sections. Each section should begin with [chapter] shortcode or any other html element with unique id, for example :
    • Step 3 – 2. In Appearance > Menus create new main menu (using Custom Links option), where URL will be section id with “/#” sign, for example : /#services or /#about.
Add new menu item

Add new menu item

Menu items

Item details

And your onepager menu is ready. Remember to choose Theme Location Primary Navigation to your menu.

Creating your Onepager Menu you can also use Max Mega Menu plugin to be able to recreate the style of the menu used on Estato WP demo site. More information about this plugin you will find HERE.


Menu setup


Depending on which version of content arrangement you choose, you can create onepager or multipage navigation menu.

To create navigation menu dedicated to multipage websites, please follow the steps below:

  • Step 1 – Navigate to Appearance > Menus
    Menus

    Manage your menus

  • Step 2 – Click on create a new menu, enter menu Name and click on Create Menu button
    Add new menu

    Add new menu

  • Step 3 – From the right side choose pages that you want to add to your menu and click on Add to Menu. Once menu items are added, you can reorder or nest them via drag and drop tool. Remember to click Save Menu when you finish to keep your changes saved.
    Add Page to menu

    Add Page to menu

  • Step 4 – You can easily rename every menu item in item details.
    Rename your menu items

    Rename your menu items

  • Step 5 – Optionally you can add to menu other items, like Links or Categories
  • Step 6 – Check your menu as Main menu to set one of available location.
    Primary navigation

    Primary navigation

    1. Main Menu – will be visible on top of each page
      Main menu Example

      Main menu Example

    2. Mobile menu – this menu will be visible on mobile devices (in Siver this menu is created without MaxMegaMenu plugin)
      Mobile menu example

      Mobile menu example

  • Step 7 (optional) – Enable Max Mega Menu for Theme Location
    Max Mega menu Settings

    Max Mega menu Settings

  • Step 8 – Always click Save Menu after providing any changes

Menus can be also shown in widgets section of Dashboard. After creating the menu you want to use, go to Appearance > Widgets and set the menu on your site using Custom Menu widget like in the example below.

 

Set menu as a widget

Set menu as a widget

Menu added to the site via widget

Menu added to the site via widget


Blog


Siver is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog post layouts. In addition, there are numerous theme options and shortcode options that allow you to customize how posts are displayed.

There are several ways to display your blog posts, we will cover each method as well as describe blog post types, post options and theme options. The following sections will cover each of these aspects of the blog.


Creating Blog post for Siver


No matter which method you use to display your blog posts, first thing you need to do is create them.

Siver offers several blog post types:

  • Standard
  • Aside
  • Image
  • Video
  • Audio
  • Quote
  • Link
  • Gallery
Post formats

Post formats

Follow the steps below to create a blog post

  • Step 1 – navigate to Blog Posts in your WordPress admin.
  • Step 2 – click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our shortcode elements inside the post.
    Add New PostIf you want to use some additional fields, choose them from screen options at the top of the screen.

    Screen Options

    Screen Options

  • Step 3 – add Categories from the right side. To assign it to the post, check the box next to the Category name.
  • Step 4 – add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.
  • Step 5 – for a single image, click the Featured Image box, select an image and click Set Featured Image.
  • Step 6 – for a Gallery, use Image Gallery (VisualComposer element) , each image will be a slide in the gallery slideshow. Gallery can be created by adding images from Media gallery or by adding Externa links of the images that will be used.
  • Step 7 – for a Video post, use Vide Player (VisualComposer element) and paste the direct video url from Youtube, Vimeo or Dailymotion and more.
  • Step 8 – for Audio post, use Vide Player (VisualComposer element) and paste the direct video url from Soundcloud, Mixcloud and more.
  • Step 9 – for Quote use WordPress Blockquote option (Shift + Alt + Q) 
  • Step 10 – for Link use WordPress Insert/edit link (Ctrl + K) option 
  • Step 11 – create an excerpt – Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts
    Excerpt

    Excerpt

  • Step 9 – once you finished, click Publish to save the post.

Blog index page


The most popular way of displaying blog posts is to setup blog index page. There all of your posts will be displayed and ordered by publish date.
To set the page as your post page, navigate to {blog_setup} and choose Blog index page from the ones you created.

{blog-screenshot}

Notice:
On Blog index page you will see only your posts, so don’t add any other content to it.


Index Blog page


Blog settings

Blog settings

In Blog content tab you can define the following settings for Blog Index page.:

Blog Index

Blog Index

  1. Display blog sidebar – Check Yes if you want to display sidebar with widgets on blog page.
    Blog Index page - sidebar right

    Blog Index page – sidebar right

  2. Place to display sidebar – Chose place for blog sidebar
    • Left side
    • Right side
  3. Display breadcrumbs – Check Yes if you want to show them on the top of the blog page
    Breadcrumbs from Blog index page

    Breadcrumbs from Blog index page

  4. Display head section blog – Check Yes if you want to display head section on the blog page
    Head section for Index page

    Head section for Index page

  5. Head section type
    • Parallax
    • Video
    • Ken Burns
  6. Mobile background image – select the image that will be displayed on mobile devices
  7. Background image – select image to display in head section
  8. Second background image – this image will be visible only if the Ken burnshead section type will be selected
  9. Third background image – this image will be visible only if the Ken burnshead section type will be selected
  10. Head height
  11. Parallax ratio
  12. Video url – will only work when the head section type is set to Video
  13. Video file type
    • Mp4 direct link
    • Webm direct link

Notice:

All changes made with customizer will only be applied when you click on

save


Single blog post


Single Blog post settings

Single Blog post settings

In Blog content tab you can define the following settings for Blog single page.:

Single blog pages

Single blog pages

  1. Display blog sidebar – Check Yes if you want to display sidebar with widgets on blog page.
    Single blog post - sidebar right

    Single blog post – sidebar right

  2. Place to display sidebar – Chose place for blog sidebar
    • Left side
    • Right side
  3. Display breadcrumbs – Check Yes if you want to show them on the top of the blog page
    Breadcrumbs from Blog single post

    Breadcrumbs from Blog single post

  4. Display head section in blog – Check Yes if you want to display head section on the blog page
    Head for Blog Single post section

    Head for Blog Single post section

  5. Head section type
    • Parallax
    • Video
    • Ken Burns
  6. Mobile background image – select the image that will be displayed on mobile devices
  7. Background image – select image to display in head section
  8. Second background image – this image will be visible only if the Ken burnshead section type will be selected
  9. Third background image – this image will be visible only if the Ken burnshead section type will be selected
  10. Head height
  11. Parallax ratio
  12. Video url – will only work when the head section type is set to Video
  13. Video file type
    • Mp4 direct link
    • Webm direct link
  14. Tags after post – check Yes if you want to show tags after post
  15. Social share – check Yes if you want to show social share
  16. Social share – check social icons you want to show on your post page
  17. Post author info – check Yes if you want to show information about the author of this post
  18. Display comments after post

Notice:

All changes made with customizer will only be applied when you click on

save


Faq Page


FAQ page

FAQ page

Frequently Asked Questions (FAQ) of Siver is generated by the theme from Faq items. This type of page can be created by going to Appearance > Customize > Faq and adding there the slug and title the page will use.

Adding Faq slug and title

Adding Faq slug and title


FAQ


In Faq content tab you can define the following settings for Faq page.:

Faq settings

Faq settings

Faq Index page

Faq Index page

  1. Display breadcrumbs – check Yes if you want to display breadcrumbs in top of the page
    Breadcrumbs from index faq page

    Breadcrumbs from index faq page

  2. Display head section in faq – check Yes if you want to display header in top of the page
    Head section for index

    Head section for index

  3. Head section type
    • Parallax
    • Video
    • Ken Burns
  4. Mobile background image – select the image that will be displayed on mobile devices
  5. Background image – select image to display in head section
  6. Second background image – this image will be visible only if the Kenburns head section type will be selected
  7. Third background image – this image will be visible only if the Kenburns head section type will be selected
  8. Head height
  9. Parallax ratio
  10. Parallax vertical offset
  11. Parallax horizontal offset
  12. Video url – will only work when the head section type is set to Video
  13. Video file type
    • Mp4 direct link
    • Webm direct link
  14. Faq page title – create title for main FAQ page
  15. Faq page slug – create FAQ page slug (remember to rebuild permalinks after changing it)

Notice:

All changes made with customizer will only be applied when you click on

save


Faq item


Creating FAQ Item:

To create new FAQ elements, navigate in WordPress dashboard to FAQ > Add New

Add new Faq item

Add new Faq item

For new FAQ item  you can define:

  1. Title – add FAQ question,
  2. Editior container – add answer for the question,
  3. FAQ Categories (optional) – assign to arleady existing category or add new one.  
Creating FAQ item

Creating FAQ item

Creating FAQ Categories

Categories are very convenient way to organize your faq items, that can be added to more than just one category.

To create new FAQ category, navigate in WordPress dashboard to  FAQ > Faq Categories

Add new Faq Category

Add new Faq Category

For new FAQ item  you can define:

  1. Name
  2. Slug

After every modification click on Update to keep your changes saved.

FAQ category

FAQ category


Siver forms


Contact forms in Siver are created with the use of Contact Form 7 Plugin. Below you will find information how to recreate Contact forms used in our theme by adding the correct markup for the Form section of this plugin.

Contact form markup added to Form

Contact form markup added to Form

If you never before used this plugin I suggest you to check Getting Started with ContactForm 7.

Page contact

Contact form

Contact form

Contact form can be recreated by using this markup for contact form:

Footer – newsletter

Footer newsletter

Footer newsletter

To recreate this contact form please use:

In our demo this form is added to the Footer second column in first row widgets via adding this contatc form shortcode to text widget as you can see on the image below:

Adding contact form to widget

Adding contact form to widget


Theme Settings


Theme Settings is an option that will allow you to set basic options that can be crucial when creating your Estate page. Theme Settings can be found in Dashboard on path Appearance > Theme Settings that contains 3 Tabs:

Theme Settings

– General –

  • Cut property descriptions after x character – The limit for the number of characters used in the description for a property.

    General tab

– Pages –

  • Agent Profile page – allow you to choose Agent profile page and extra style it with Customise options
  • Agent listing page – allow you to choose Agent listing page and extra style it with Customise options

    Pages tab

– Searchbox – option that will allow you to set the searchbox.

  • Title – set title for the Searchbox
  • Kind – set the kind from the avaliables options
  • Layout – layout type (only simple avaliable)
  • Target page – page where this searchbox will be shown
  • CSS Class – add custom class to style the element

    Searchbox tab

     

How to configure the Searchbox for Siver

To configure the Searchbox, follow these steps:

    • Step 1 – Navigate in Dashboard to Appearance > Theme Settings > Searchbox tab.
    • Step 2 – Click the View Fields buttton, the Search Fields Configurations will pop-up.

      Searchbox Tab

    • Step 3 – Here you will see all the fields that will be visible in the Searchbox.

      Fields in the Searchbox

    • Step 4 – To customize the look of this element you can:
      • Remove already added fields – Click on the X button on top of the field that you want to remove.

        Remove

      • Add new one – Click on the tabs on top to choose the categories of fields you want to add. You can see the fields at the bottom. Drag the field that you want and drop it at the center.

        Add New Fields

      • Choose type of data – The data type of what the field will use to search.

        Data Type

      • Add range of the data – This could be used if the data type option is numerical. Setting the range in number.

        Data Range

         

    • Step 5 – You have the option to change the order of the fields at the right side by drag and drop.

      Fields Order

All the changes you will make will be saved automatically.


Using widgets


(WARNING:The image below is only an example of how the Widget section might look like. Depending on the theme this option’s content might look different.)

Widgets are small blocks of content, which you can find in theme footer or sidebar. They were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel.

Just drag and drop the widgets you want, into the right hand side where your sidebars and footer widgets are listed. Simply drag your widgets over to the sidebar or footer column, and then populate the content.
There are various fields and settings you can choose for each individual widget and all are self explanatory. You can also use multiple widgets per footer column, just drag and drop them into place. And you can put as many widgets as you want inside sidebar. Once you have finished populating the widgets, always make sure to hit the Save button to save the settings.

Just drag widget from the left hand side and drop it on the right

Just drag widget from the left hand side and drop it on the right


Plugins


Some functionalities of the Siver are available because of plugins we used to create it. Once Siver is activated in your WordPress admin panel you should see notification about bundled plugins we recommend to install – they are included in Siver package – so you don’t have to do anything more than click install and activate.

Notice:
We can’t guarantee Siver’s compatibility with third party plugins. If you want to avoid unexpected bugs and errors use as little plugins as possible.

Below you will find the list of plugins we recommend you to use with Siver.


Unysone plugin


REMEMBER: Plugin must be installed and activated right after you install and activate the Estato WP – otherwise you might be encountered problems with correct theme functioning.

Getting started

Unyson is a framework for WordPress that facilitates development of a theme. This framework was created from the ground up by the team behind ThemeFuse from the desire to empower developers to build outstanding WordPress themes fast and easy. This documentation is heavily modified by createIT to ensure all custom extensions are well documented.

This documentation assumes you have a working knowledge of WordPress. If you haven’t, please start by reading WordPress Documentation.

Minimum Requirements
  • WordPress 4.0 or greater
  • PHP version 5.2.4 or greater
  • MySQL version 5.0 or greater

Installation

Unyson is included in Siver package – so you don’t have to do anything more than click install and activate.

You can also install the plugin manually:

  1. Upload the unyson folder to the /wp-content/plugins/ directory
  2. Activate the Unyson plugin through the ‘Plugins’ menu
  3. Configure the plugin by going to the Unyson menu and activating the following extensions:
    • Visual Composer
    • CT Flickr shortcode
    • Siver FAQ
    • CT Trainers
    • CT Chefs
    • Siver Testimonials
    • CT Events
    • CT Activities
    • CT Portfolio
    • CT Reasturant Menu
    • CT Shop Locator
    • CT Gallery
    • CT Twitter shortcode

    Unysone Extensions

    Unyson Extensions (example)

License

The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software. Unyson inherits the General Public License (GPL) from WordPress.

 


Visual Composer


REMEMBER: Plugin must be installed and activated right after you install and activate the Siver – otherwise you might be encountered problems with correct theme functioning.

 

Siver can be easily customized with Visual Composer.

Simply drag and drop elements to build your page content. We prepared components which will help you determine main structure of the webpage – easily set up backgrounds, colors and styles for whole sections as well as lots of various smaller components which you can freely put wherever you want.

How to start?

We recommend you to use row as essential element of page structure.

Row

What we grow page

 

You can edit following row attributes:

Click pen to open edition tools

Click pen to open edition tools

– General tab – 

  1. Row stretch:
    • Default
    • Strech row
    • Strech row and content
    • Strech row and content (no paddings)
  2. Column gap – Gap between columns.
  3. Full height row – If checked Yes, row will be set to full height.
  4. Equal height – If checked Yes, column height will be equal to the longest column height.
  5. Content position – the position of the content can be set to Default, Top, Middle and Bottom.
  6. Use Video Background – If checked, video will be used as row background.
  7. Parallax – Use Parallax as a background.
  8. CSS Animation – How the content of the row is animated.
  9. Row ID –  If you want to use section for scroll-to-section navigation.
  10. Disable row – If checked, the row won’t be visible on the public side of your website.
  11. Extra class name – Add extra class name for the row.

    General Tab of Row Settings

– Design Option – How the row would look/designed.

  • Border color
  • Border style
  • Border radius
  • Background
  • Box Controls

    Design Tab of Row Settings

 

Once your section row is created you can choose number of columns in section, their width and optionally offset value.

Section grid

Section grid


Learn more:

For more information about Visual Composer, please check articles below:
How to install Visual Composer
Visual Composer demo
Visual Documentation


Opal Hotel Room Booking


Opal Hotel Plugin is a user-friendly booking plugin built with woocommerce that allows you to integrate a booking/reservation system into your WordPress website.

Under this link you find documentation how to use the plugin: Opal Hotel Room Booking documentation


Elite Author
We are elite
CreateIT
Who we are

Hi, we are createIT. We create IT. Web applications and websites to be precise.

And we are REALLY good at it.

Get to know us at www.createIT.pl
Thanks for buying!