Multi Host - Responsive Hosting WordPress Theme

# Multi Host

## Multi Host - Responsive Hosting WordPress Theme

- Created: 12/06/2015
- latest Update: 25/01/2017
- By: designthemes
- Email: support@wedesignthemes.com

Thank you for purchasing our theme. We understand that no business is complete without a prompt after sales support.If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form. We will be more than happy to be of any service as and when you require.

NOTE: Images used in the demo are not included for download, these images are copyrighted, if you are planning to use the photos we can provide the links to buy license.

Support Forum Help Videos Mail Me Here

### Disclaimer

We do offer limited support to our customers even though ThemeForest authors do not provide any. We only provide support for our themes and their core features and functionality. We cannot guarantee that our themes will function with all the third party components, plug-ins, web browsers and server environments available. If you plan on adding numerous pluggins to this theme, we cannot provide support to the conflicts that are an outcome of such additions.

### Support

All of our items come with free support and we have a dedicated support forum to handle your requests. Support is limited to questions regarding the theme's features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations on our theme, then you should enlist the help of a developer. We expect every users to follow these steps before posting in our support forum,

- Always check the documentation completely, you might have answers for your questions in the documentation.
- Always search in forum or themeforest comments before posting, because your issue might have brought up and answered already.
- If you didn't find answer for your question anywhere then please post a new topic with brief description and live url of your site or url in which problem you are referring to exists. Also, please provide us some screenshot, if it is more complicated. Sometimes we may also in need of WP and FTP login information to resolve your issue. All those informations will stay private with our support team.
- Please be patient! we will try to provide the solutions as quick as possible. It will take around 2days to respond, we will reply from old to new post basis.

###### Regarding Customization

We have made our theme as easy to use and customization-friendly. So, you can go with most of the possible changes and customization easily. But, if you have any troubles or just want us to work for you, please feel free to contact us via the Support forum. We are ready to support and happy to help (always) at anytime.. If the requested query will rely on the minor customization, we can provide the free support and will work at no cost. Or, if you want to have any additional options (features) apart from our theme default functions, we would charge our minimum cost for such customizations.

### WordPress Information

You must have working version of WordPress installed before get to start installing this theme. Have a look into the following instructions and video if you need any help.

- WordPress Codex – General information about WordPress and how to install it on your server
- Instructional Video – How to install WordPress, an instructional video created by WooThemes
- First Steps With WordPress – General information about Wordpress, with useful and wide variety of topics
- FAQ New To WordPress – WordPress FAQ's

### Theme Requirements

We have tested our theme in most standard hosting setups. Anyhow, make sure your hosting server matches the following requirements.

1. Latest version of WordPress 4.7 installed,
2. PHP5 or higher and MySQL 5 or higher,
3. We recommend to enable mod_rewrite module (If not enabled sometimes pages or posts will result in bad gateway error),
4. Memory limit(memory_limit) should be atleast 128MB,
5. Maxium File Upload size(upload_max_filesize) should be atleast 32MB.

### Package from Themeforest

1. At first, after purchasing this theme, please download the package from Themeforest. All you need to do that, is move your mouse over your login name in right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased. It looks exactly just as the diagram next to.

2. In the next step click the Download > Main File(s) button next to designthemes theme and save the package on your computer.

3. In that package you can find things like documentation, license, zipped file with theme files and folder with theme files called multihost and multihost-child. Please unpack the whole package after downloading it from Themeforest.

### Installation

Installing Theme Video

You should install the latest version of WordPress in your system. This will ensure you're up to date, and will allow the theme to use all the new features of WP 3.7+ Versions.

Please don't upload whole `multihost-1.5.8.zip` archive.

You have a two ways to install a theme.

##### Wordpress Installation

Kindly follow the steps given below for installing this theme from Wordpress.

1. First get into "Wp-admin (Dashboard) > Appearance > Themes and click "Add New" button thereby
2. So, you will be loaded to "Add Themes" page, where you need to hit "Upload Theme" button then.
3. Find and select "multihost.zip" (inside "multihost-1.5.8.zip") file from your computer and click on "Install Now" to proceed installation.
4. Once if your theme is uploaded and installed, you will then activate it from Appearance > Themes
5. Then you will get a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin', 'Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

Note : Sometimes, you may get "Are You Sure You Want To Do This" message while installing theme, which means you have an upload file size limit. Contact your hosting service provider and ask them to increase the upload_max_filesize limit or install the theme using FTP instead.

##### 2. FTP Installation

You can also install this theme through FTP server by using the following steps,

1. Log into your Hosting server space using any FTP software (applications like FileZilla) at first.
2. Extract the "multihost.zip" (inside "multihost-1.5.8.zip") file as you've downloaded.
3. Upload that extracted folder into your "wp-content / themes" directory.
4. Once if the theme is uploaded and installed, you need to activate it from Appearance > Themes then.
5. Then you will get a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin', 'Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

Please take a look at the structure of the `multihost-1.5.8.zip` archive you've got after purchasing.

##### 3 - Plugin Installation

Once you have uploaded and activated the theme, install and activate the 'DesignThemes Core Features Plugin' as next step. All promoted features will work only after activating this plugin.

The Layer and Revolution Slider are recommended plugins. When you install multihost , you will get a notification message in your WordPress admin telling you to install the required and recommended plugins. Once you have uploaded and activated the theme, install and activate the 'DesignThemes Core Features Plugin' then immediately. All promoted features will work properly, after activating this plugin only.

Here is the list of plugins , that are compatiable with multihost

- All in One SEO Pack
- Contact Form 7
- Metronet Reorder Posts
- WordPress SEO by Yoast
- WHMCS Bridge

Premium Plugins

- LayerSlider Responsive WordPress Slider Plugin
- Slider Revolution Responsive WordPress Plugin
- Responsive Styled Google Maps Generator
- The WordPress Multilingual Plugin

##### 4 - How To Update Your Theme ?

Kindly follow the steps given below to update our theme with the latest version.

1. Download the theme's latest version from Themeforest downloads page.
2. If you've made any custom changes in the code, please take a backup of it first. To be in safer side, take backup of the database completely.
3. Overwrite the older theme files with latest theme files. Update the custom changes (from backup) into the new files.
4. Now goto "wp-content / plugins" folder through the FTP software.
5. Remove the folder 'designthemes-core-features' from wp-content / plugins folder. Make sure you have taken backup of custom changes if any.
6. Then get into "Dashboard -> Appearance -> Install Plugins", to install and activate the 'DesignThemes Core Features Plugin'.
7. Hereby you can update to the latest version of our multihost theme simply.

Note: If you have already updated our theme, just follow the steps 4,5,6 to update our 'DesignThemes Core Features Plugin'.

### How To Import Demo Content ?

Please do the following steps to install and setup the demo content easily.

- First of all, make sure that you have installed and activated the 'DesignThemes Core Features Plugin' on your Wordpress.
- Then get into "Wp-admin (Dashboard) -> Multi Host" and click on 'Import Dummy Data' button. Be sure to accept the alert message.
- Please be patient as it may take few minutes to import everything. Once it is completed, you will receive a success message finally.

###### Common issues

Sometimes demo content import may fail, due to any of the following reasons.

1. Your PHP memory limit, exceution time, upload size may be set too low. Please check that your server has following limits else contact your hosting support providers to do so.
   - max_execution_time -> 600
   - memory_limit -> 128M
   - post_max_size -> 32M
   - upload_max_filesize -> 32M
2. If you receive '500 Internal Server Error' then it may be because of any one of following reasons
   - Your web server may be configured incorrectly (ie., configured with incorrect directives). You have to contact your hosting support providers to resolve this issue.
   - Your files may be corrupted while uploading into your web server. Those files may be transferred successfully, but it is unusable by server. If it is theme files, upload it again and import demo content then. If you still receive this error, deactivate the plugins one by one. So that, you can find the cause of errors thereby.

Note : You can verify your PHP configuration limits by installing a simple plugin, WP PHP Info here. If you still cannot resolve the 500 error, talk with your web hosting support providers.

### Help Videos

- Installing Theme
- Setting up Header
- Post formats and Single Post options
- How to setup the Blog Template Page?
- Portfolio Custom post
- How to setup the Portfolio Template Page?
- Installing Sample Layouts
- Installing WHMCS Template
- How to setup Footer?
- How to setup One Page Template?
- Installing Dummy Layer Slider

### WHMCS Integration

WHMCS stands for "Web Hosting Manager Complete Solution".

WHMCS is an all-in-one client management, billing & support solution for online businesses. Handling everything from signup to termination, WHMCS is a powerful business automation tool that puts you firmly in control.

WHMCS Bridge - integrates your WHMCS support and billing software into WordPress providing a seamless and consistent user experience to your customers.Please check installation link. And you can find Premium WHMCS Bridge Plugin here. If there are any problem during your installation and configuration please ask WHMCS-Bridge support forum.

WHMCS Documentation

How to install multihost whmcs and multihostof template in WHMCS Software

##### WHMCS Bridge Install

1. Upload the whmcs-bridge folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. Go to the WHMCS Bridge settings menu and configure the plugin options.
4. Install the plugin by clicking the Install button. This will create a new page titled WHMCS through which you can access the client portal of WHMCS.
5. Activate the sidebar widget if you want the sidebar navigation.

### Theme Settings

Theme options are very important when it comes to the multihost theme. You must go through the theme options setup before the theme will work properly.

1. You'll notice above the Appearance panel in the left sidebar is the Multi Host settings panel. Click the Multi Host navigation.
2. Fill out the available settings; It's having 10 different types of setting pages with tabs. Please use help tooltips (?), and change as you wish.Save Changes.

##### 1.General

###### 1.1. General - To set logo, favicon and other settings

###### 1.2. Sociable - To set social share module at the top of the theme.

###### 1.3. Bars - To set TopBar content.

##### 2.Appearance - Here you can change the appearance of the theme

###### 2.1. Header - To Change the Header section appearance behaviour

###### 2.2. Menu - To Change the Menu section appearance behaviour

###### 2.3. Body - To customise the body portion of the theme like body font

###### 2.4. Footer - To customise the footer portion of the theme like body font

###### 2.5. Typography - To customise the Font color, size, type from H1 upto H6

###### 2.6. Layout & BG - Here you can change the layout of theme ( Boxed or FullWidth)

For boxed layout - you can set the background by selecting the predefined patterns or upolad your custom image.

##### 3.Skins - MultiHost comes with following predefined 20 color skin

20 color skins are chocolate, coral, cyan, darkblue, darkmagenta, duskblue, electricblue, ferngreen, lavender, lightgreen, limegreen, ocean, orange, pink, purple, red, royalblue, salmon, violet, yellow.

##### 4.Integration

###### 4.1. General - To place any code , that will be appear in header portion of every page / post.

We have to sections to place code for the top and bottom of every page.

###### 4.2. Post - Single Post customization

With the help of this "Post integration" section , you can do the following things,

1. Setting up top and bottom code for individual post
2. Post Meta section - to show / Hide post meta options(Author, Date, Comment, Category and tag info)
3. You can enable Social share & Social bookmark module with easy customization option.

###### 4.3. Page - Single page customization

You can do all the options like post customization expect the Post Meta section for the pages.

###### 4.3. Portfolio - Single page customization

You can enable social bookmarks in portfolio single page using the below options.

##### 5.SEO - Drag and Drop SEO Module

1. Title Delimiter - Please specify the symbol , will appear in title of the pages.
2. Page Title Formats - Drap and Drop option to customize the page title
   1. Single Post & Page Title Format
   2. Category, Archive & Tag page Title Format
   3. Search & 404 page Title Format
3. Meta - To specify Meta data & other SEO elements
   1. You can generate automatic Canonical URLs for entire website
   2. You can exclude the archive, category and tag pages from indexing to avoid duplicate content.
   3. You can generate:
      1. Automatic description
      2. Meta keywords from the tag and category for posts.

##### 6.Speciality Pages - Author, Category, Tag, Gallery, Search & 404 Page

###### Available Options:

1. You can choose page layout
2. You can choose post layout for Archive and Search page
3. Custom 404 Text for 404 Page
4. And Background settings for 404 Page

###### Author Page settings

###### Category Page settings

###### Tag Page settings

###### Portfolio Page settings

###### Search Page settings

###### 404 Page settings

##### 7.Footer

###### Available Options:

1. Show / Hide Footer Section
2. Columns Layout - To choose which style footer you want?
3. You can set Copyright text ,and enable it to show in front view

Go to 'Appearance > Widgets'. You'll see footer widgets area on the right hand side

##### 8.Widget Area - To create custom widget areas

You can create custom widget areas that can be assigned to individual post / page and mega menu.

##### 9.Responsive & Mobile

You can enable responsive option in "Multi Host > Responsive & Mobile > Make My Site Responsive"

And you can disable sliders by choosing the 'Disable Slider for Mobile Devices' option in "Multi Host > Responsive & Mobile"

##### 10.Branding

###### Available Options:

1. Custom Buddha Panel Logo

### Widgets

The theme comes with 5 custom widgets

1. Multi Host Posts
2. Multi Host Twitter Widget
3. Multi Host Flickr Widget
4. Multi Host Mailchimp Newsletter Widget
5. Multi Host Gallery

### Page Builder

Multi Host theme comes with page builder which makes creation of page simpler and easier. To enable / disable page builder in post, page and portfolio globally navigate to Multi Host(Buddha Panel) -> Page Builder tab. You can switch between Page Builder and WordPress default editor in any single post or page or portfolio at any time.

##### Overview

- 'WordPress Editor' button 'Multi Host Page Builder' metabox is used to switch between WordPress default editor and Page Builder.
- If you keep the 'Enable page builder' option active while saving, then everytime this page will be loaded by keeping page builder active.
- Use 'Clear All' button to completely clean the builder area
- 'Create Sample Layout' button is used to save the existing modules in builder area to separate layout. After updating the page created layout will be listed in 'Sample Layouts' tab.
- We have 7 tabs of modules consisting of columns('Columns'), modules('General', 'Unique', 'Others'), widgets('Wp Widgets', 'Multi Host Widgets' ) and sample layouts('Sample Layouts').

##### Options

###### Column Options

Every column comes with 3 types of options. They are,

1. Settings - It is used add additional CSS class for this column alone.
2. Clone - Click this button to clone the column along with every modules added inside. Those cloned column will be added immediately after current column.
3. Delete - Used to delete the column completely along with its settings.

###### Fullwidth Section or Fullwidth Section Video

These sections comes with lot of options in 'Settings' button to configure fullwidth section. Some of the available options are,

1. Fullwidth Section - Bacground Color, Background Image, Parallax Effect, Background Repeat, Background Position, Padding Top, Padding Bottom, CSS Class, etc,.

###### Module Options

Every module comes with 5 different types of options. They are,

1. Edit - Clicking this button will open a sliding panel at very top of the builder area which contains options to configure those modules.
2. Clone - Click this button to clone the module along with its settings. Those cloned modules will be added immediately after current module.
3. Delete - Use this delete button to delete the module along with its settings.
4. Show / Hide - Use this button to enable or disable this module. If its disabled then that module will not be shown in frontend but all the settings of that module will be preserved, you can enable that module any time.
5. Resize - Its just a symbol to represent that this module can be resized to any width. Making width too smaller or too larger may collapse the modules design.

Note : By default every module can be resized, but it cannot be resized inside another column or fullwidth section. While resizing note that making width too smaller or too larger may collapse the modules design.

###### Resizable Column

Resizable Column has all options similar to normal Column options. This resizable column cannot be placed inside the Fullwidth Section

###### Sample Layouts

multihost theme comes with few sample layouts which can be acessed simply one clicking the module. Now your builder area will be loaded with all the modules of that sample layout, now you can just update the content, images, etc, as you wish.

### Shortcodes

This Wordpress theme "multihost" comes with several shortcodes that helps in customizing your content easier. In this theme, Shortcode Builder can used to build the essential shortcodes. The following image will show you the essential shortcode builder, and it displays only in Visual Mode of post content textarea. Notice: Shortcode Builder Video will help you know the use of essential shortcode builders. Click to watch them on YouTube now !

##### List of Shortcodes

- ###### Accordion

  Default

      [dt_sc_accordion_group]
      [dt_sc_toggle title=""] . . . [/dt_sc_toggle]
      [dt_sc_toggle title=""] . . . [/dt_sc_toggle]
      [dt_sc_toggle title=""] . . . [/dt_sc_toggle]
      [/dt_sc_accordion_group]

  Framed

      [dt_sc_accordion_group]
      [dt_sc_toggle_framed title=""] . . . [/dt_sc_toggle_framed]
      [dt_sc_toggle_framed title=""] . . . [/dt_sc_toggle_framed]
      [dt_sc_toggle_framed title=""] . . . [/dt_sc_toggle_framed]
      [/dt_sc_accordion_group]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title |  | title | title="Accordion 1"

- ###### Button

  Default

      [dt_sc_button type="" icon="" link="" size="" bgcolor="" variation="" textcolor="" target=""][/dt_sc_button]

  Outlined

      [dt_sc_outlined_button number="" link="" size="" variation="" target=""][/dt_sc_outlined_button]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Style | with-icon, without-icon | type | type="with-icon"
  Icon |  | icon | icon="fa-download"
  Link |  | link | link="http://google.com"
  Size | small,medium,large,xlarge | size | size="small"
  Background Color |  | bgcolor | bgcolor="#7f7f7f"
  Variation | aqua, blue, burnt_orange, chocolate, green, grey, lavender, mustard, ocean, orange, pearl, pink, purple, red, ruby, steelblue, teal, turquoise, violet, yellow | variation | variation="blue"
  Text Color |  | textcolor | textcolor="#81d742"
  Target | _blank, _new, _parent, _self, _top | target | target="_blank"

  For outlined button

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Number |  |  | Number="10"
  Link |  | link | link="http://google.com"
  Size | small,medium,large,xlarge | size | size="small"
  Variation | aqua, blue, burnt_orange, chocolate, green, grey, lavender, mustard, ocean, orange, pearl, pink, purple, red, ruby, steelblue, teal, turquoise, violet, yellow | variation | variation="blue"
  Target | _blank, _new, _parent, _self, _top | target | target="_blank"

- ###### Block Quote

      [dt_sc_blockquote align="" textcolor="" variation="" cite=""][/dt_sc_blockquote]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Align | left,right,center | align | align="left"
  Text Color |  | textcolor | textcolor="#a3258e"
  Variation | aqua, blue, burnt_orange, chocolate, green, grey, lavender, mustard, ocean, orange, pearl, pink, purple, red, ruby, steelblue, teal, turquoise, violet, yellow | variation | variation="orange"
  Cite |  | cite | cite="Designthemes"

- ###### Call Out Button

      [dt_sc_callout_box type="" icon="" link="" target="" button_text="" button_icon=""] . . . [/dt_sc_callout_box]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | type1,type2,type3,type4,type5 | type | type="type1"
  Button Icon |  | button_icon | button_icon="fa-download"
  Button Label |  | button_text | button_text="Purchase Now"
  Link |  | link | link="http://google.com"
  Target | _blank, _new, _parent, _self, _top | target | target="_blank"

- ###### Colored Box

    [dt_sc_icon_box_colored image="" title="" variation=""] . . . [/dt_sc_icon_box_colored]

- ###### Contact Info

        Address - [dt_sc_address icon="" detail=""]

        Contact - [dt_sc_contact icon="" detail=""]

        Web - [dt_sc_web icon="" text="" url="" target=""]

        Email - [dt_sc_email icon="" emailid=""]

- ###### Donut Chart

       Small - [dt_sc_donutchart_small title="" bgcolor="" fgcolor="" percent=""/]

       Medium - [dt_sc_donutchart_medium title="" bgcolor="" fgcolor="" percent=""/]

       Large - [dt_sc_donutchart_large title="" bgcolor="" fgcolor="" percent=""/]

- ###### Drop Cap

      [dt_sc_dropcap type="" bgcolor="" variation="" textcolor=""]A[/dt_sc_dropcap]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | Default, Circle, Bordered Circle, Square, Bordered Square | type | type="circle"
  Background Color |  | bgcolor | bgcolor="#7f7f7f"
  Variation | aqua, blue, burnt_orange, chocolate, green, grey, lavender, mustard, ocean, orange, pearl, pink, purple, red, ruby, steelblue, teal, turquoise, violet, yellow | variation | variation="blue"
  textcolor |  | textcolor | textcolor="#141414"

- ###### Dividers

      Clear - [dt_sc_clear]

      Horizontal Rule - [dt_sc_hr]

      Horizontal Rule Medium - [dt_sc_hr_medium]

      Horizontal Large - [dt_sc_hr_large]

      Horizontal Rule With Top Link - [dt_sc_hr top]

      Whitespace - [dt_sc_hr_invisible]

      Whitespace Very Small - [dt_sc_hr_invisible_very_small]

      Whitespace Small - [dt_sc_hr_invisible_small]

      Whitespace Medium - [dt_sc_hr_invisible_medium]

      Whitespace Large - [dt_sc_hr_invisible_large]

- ###### Full Width Sections

      [dt_sc_fullwidth_section backgroundcolor="" backgroundimage="" opacity="" parallax="" backgroundrepeat="" paddingtop=""
      backgroundposition="" paddingbottom="" margintop="" marginbottom="" textcolor="" class=""] . . . [/dt_sc_fullwidth_section]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Background Color |  | backgroundcolor | backgroundcolor="#eeee22"
  Background Image |  | backgroundimage | backgroundimage="#"
  Background Opacity |  | opacity | opacity="0.7"
  Parallax Effect | no,yes | parallax | parallax="no"
  Background Repeat | no-repeat,repeat,repeat-x,repeat-y | backgroundrepeat | backgroundrepeat="no-repeat"
  Background Position | left top,left center,left bottom,right top,right bottom,right center,center top,center bottom,center center | backgroundposition | backgroundposition="left top"
  Padding Top |  | paddingtop | paddingtop="20"
  Padding Bottom |  | paddingbottom | paddingbottom="20"
  Text Color |  | textcolor | textcolor="#81d742"
  CSS Class |  | class | class="custom-class-here"

- ###### Full Width Video

      [dt_sc_fullwidth_video mp4="" webm="undefined" ogv="" poster="undefined" backgroundimage="" paddingtop="" paddingbottom="" class=""][/dt_sc_fullwidth_video]

- ###### Portfolio

  From Category

      [dt_sc_recent_portfolio_from_cateogory category="" /]

- ###### Icon Boxes

  Type 1

       [dt_sc_icon_box type="type1" custom_icon="" inner_image="" title="" link="#"] . . . [/dt_sc_icon_box]

  Type 2

      [dt_sc_icon_box type="type2" fontawesome_icon='' custom_icon='' title='Asit amet' link='#'] . . . [/dt_sc_icon_box]

  Type 3

      [dt_sc_icon_box type =" type3" fontawesome_icon='' custom_icon='' title='' link='#'] . . . [/dt_sc_icon_box]

- ###### Lists

  Ordered List

      [dt_sc_fancy_ol style="" variation=""]
      <ol>
      <li>Lorem ipsum dolor sit</li>
      <li>Praesent convallis nibh</li>
      <li>Nullam ac sapien sit</li>
      <li>Phasellus auctor augue</li>
      </ol>
      [/dt_sc_fancy_ol]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Style | decimal,decimal-leading-zero,lower-alpha,lower-roman,upper-alpha,upper-roman | style | style="decimal-leading-zero"
  Variation | aqua, blue, burnt_orange, chocolate, green, grey, lavender, mustard, ocean, orange, pearl, pink, purple, red, ruby, steelblue, teal, turquoise, violet, yellow | variation | variation="blue"

  Unordered List

      [dt_sc_fancy_ul style="" variation=""]
      <ul>
      <li>Lorem ipsum dolor sit</li>
      <li>Praesent convallis nibh</li>
      <li>Nullam ac sapien sit</li>
      <li>Phasellus auctor augue</li>
      </ul>
      [/dt_sc_fancy_ul]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Style | arrow, rounded-arrow, double-arrow, heart, trash, star, tick, rounded-tick, cross, rounded-cross, rounded-question, rounded-info, delete, warning, comment, edit, share, plus, rounded-plus, minus, rounded-minus, asterisk, cart, folder, folder-open, desktop, tablet, mobile, reply, quote, mail, external-link, adjust, pencil, print, tag, thumbs-up, thumbs-down, time, globe, pushpin, map-marker, link, paper-clip, download, key, search, rss, twitter, facebook, linkedin, google-plus, book, check, hand, cog, play, gift, tree, star, smile, music, moon, car, graduation-cap, reddit | style | style="double-arrow"
  Variation | aqua, blue, burnt_orange, chocolate, green, grey, lavender, mustard, ocean, orange, pearl, pink, purple, red, ruby, steelblue, teal, turquoise, violet, yellow | variation | variation="brown"

- ###### Post

  Single

      [dt_sc_post id="1" read_more_text="Read More" excerpt_length="10"]

  Recent

      [dt_sc_recent_post count="3" read_more_text="Read More" excerpt_length="10"]

  Recent Posts with Category

      [dt_sc_recent_post count="3" columns="3" read_more_text="Read More" excerpt_length="10" category="1"/]

- ###### Pull Quote

      [dt_sc_pullquote type="pullquote1/pullquote2/pullquote3/pullquote4/pullquote5/pullquote6" align="right/right/center" icon="yes/no" textcolor="" cite=""] . . .[/dt_sc_pullquote]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | pullquote1,pullquote2,pullquote3,pullquote4,pullquote5,pullquote6 | type | type="pullquote1"
  Align | left,right,center | align | align="left"
  Quote Icon | yes,no | icon | icon="yes"
  Custom Text Color |  | textcolor | textcolor="#eeee22"
  Cite Name | left,right,center | cite | cite="Designthemes"

- ###### Pricing Table

  Pricing Table I

                  [dt_sc_pricing_table]

                      [dt_sc_one_fourth first]
                      [dt_sc_pricing_table_item type='type1' title='Title' image='http://placehold.it/98x87&text=DT' variation='' button_text='View All' button_link='#' currency='$' price='15' per='month' selected]

                      Text
                      Text
                      Text
                      Text
                      Text
                      [/dt_sc_pricing_table_item]
                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth]
                      [dt_sc_pricing_table_item type='type1' title='Title' image='http://placehold.it/98x87&text=DT' variation='' button_text='View All' button_link='#' currency='$' price='15' per='month' ]

                      Text
                      Text
                      Text
                      Text
                      Text
                      [/dt_sc_pricing_table_item]
                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth]
                      [dt_sc_pricing_table_item type='type1' title='Title' image='http://placehold.it/98x87&text=DT' variation='' button_text='View All' button_link='#' currency='$' price='15' per='month' ]

                      Text
                      Text
                      Text
                      Text
                      Text
                      [/dt_sc_pricing_table_item]
                      [/dt_sc_one_fourth]

                      [dt_sc_one_fourth]
                      [dt_sc_pricing_table_item type='type1' title='Title' image='http://placehold.it/98x87&text=DT' variation='' button_text='View All' button_link='#' currency='$' price='15' per='month' ]

                      Text
                      Text
                      Text
                      Text
                      Text
                      [/dt_sc_pricing_table_item]
                      [/dt_sc_one_fourth]

                  [/dt_sc_pricing_table]

  Pricing Table II

      [dt_sc_pricing_table ]

              [dt_sc_one_fourth first]
              [dt_sc_pricing_table_item type='type2' title='Title' image='http://placehold.it/300x200&text=DesignThemes' variation='' button_text='View All' button_link='#' currency='$' price='15' per='month' selected]

              Text
              Text
              Text
              [/dt_sc_pricing_table_item]
              [/dt_sc_one_fourth]

              [dt_sc_one_fourth]
              [dt_sc_pricing_table_item type='type2' title='Title' image='http://placehold.it/300x200&text=DesignThemes' variation='' button_text='View All' button_link='#' currency='$' price='15' per='month' ]

              Text
              Text
              Text
              [/dt_sc_pricing_table_item]
              [/dt_sc_one_fourth]

              [dt_sc_one_fourth]
              [dt_sc_pricing_table_item type='type2' title='Title' image='http://placehold.it/300x200&text=DesignThemes' variation='' button_text='View All' button_link='#' currency='$' price='15' per='month' ]

              Text
              Text
              Text
              [/dt_sc_pricing_table_item]
              [/dt_sc_one_fourth]

              [dt_sc_one_fourth]
              [dt_sc_pricing_table_item type='type2' title='Title' image='http://placehold.it/300x200&text=DesignThemes' variation='' button_text='View All' button_link='#' currency='$' price='15' per='month' ]

              Text
              Text
              Text
              [/dt_sc_pricing_table_item]
              [/dt_sc_one_fourth]
      [/dt_sc_pricing_table]

- ###### Progress Bar

      [dt_sc_progressbar value="" type="standard" color=""] . . . [/dt_sc_progressbar]
      [dt_sc_progressbar value="" type="progress-striped-active" color=""] . . . [/dt_sc_progressbar]
      [dt_sc_progressbar value="" type="progress-striped" color=""] . . . [/dt_sc_progressbar]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | standard,progress-striped,progress-striped-active | type | type='standard'
  Value |  | value | value='85'
  Color |  | color | color='#9c59b6'
  Text Color |  | textcolor | textcolor='#8a67c7'

- ###### Tabs

  Horizontal

      [dt_sc_tabs_horizontal]
      [dt_sc_tab title="Tab 1"] . . . [/dt_sc_tab]
      [dt_sc_tab title="Tab 2"] . . . [/dt_sc_tab]
      [dt_sc_tab title="Tab 3"] . . . [/dt_sc_tab]
      [/dt_sc_tabs_horizontal]

  Vertical

      [dt_sc_tabs_vertical]
      [dt_sc_tab title="Tab 1"] . . . [/dt_sc_tab]
      [dt_sc_tab title="Tab 2"] . . . [/dt_sc_tab]
      [dt_sc_tab title="Tab 3"] . . . [/dt_sc_tab]
      [/dt_sc_tabs_vertical]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title |  | title | title="Tab 1"

- ###### Title Box

      [dt_sc_titled_box type="" title="" icon="" bgcolor="" variation="" textcolor=""] . . . [/dt_sc_titled_box]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | title-box,error-box,warning-box,success-box,info-box | type | type="titled-box"
  Title |  | title | title="Title"
  Fontawesome Icon |  | icon | icon="fa-home"
  Background Color |  | bgcolor | bgcolor="#dd9933"
  Variation | aqua, blue, burnt_orange, chocolate, green, grey, lavender, mustard, ocean, orange, pearl, pink, purple, red, ruby, steelblue, teal, turquoise, violet, yellow | variation | variation="raspberry"
  Text Color |  | textcolor | textcolor="#a51584"

- ###### Toggle

  Default

      [dt_sc_toggle title="Toggle 1"] . . . [/dt_sc_toggle]
      [dt_sc_toggle title="Toggle 2"] . . . [/dt_sc_toggle]
      [dt_sc_toggle title="Toggle 3"] . . . [/dt_sc_toggle]

  Framed

      [dt_sc_toggle_framed title="Toggle 1"] . . . [/dt_sc_toggle_framed]
      [dt_sc_toggle_framed title="Toggle 2"] . . . [/dt_sc_toggle_framed]
      [dt_sc_toggle_framed title="Toggle 3"] . . . [/dt_sc_toggle_framed]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Title |  | title | title="Toggle 1"

- ###### Tooltip

      [dt_sc_tooltip position="" bgcolor="" textcolor="" tooltip="" href="" target=""] . . . [/dt_sc_tooltip]

  Attribute | Options | Input Variable | Example
  --- | --- | --- | ---
  Type | deault,boxed | type | type="boxed"
  Position | left,right,top,bottom | position | position="top"
  Background Color |  | bgcolor | bgcolor="#dd3333"
  Text Color |  | textcolor | textcolor="#eeee22"
  Tooltip Text |  | tooltip | tooltip="DesignThemes"
  Link |  | number | number="40"
  Target | _blank,_new,_parent,_self,_top | target | target="_blank"

- ###### Team

      [dt_sc_team name="DesignThemes" role="Chief Programmer" image="http://placehold.it/500" twitter="#" facebook="#" google="#" linkedin="#"] . . . [/dt_sc_team]

- ###### Testimonial

      [dt_sc_testimonial name="John Doe" image="http://placehold.it/300"] . . . [/dt_sc_testimonial]

- ###### Testimonial Carousel

      [dt_sc_testimonial_carousel]
      [dt_sc_testimonial name="John Doe" image="http://placehold.it/300" role="CEO & Founder - Dhoom Inc" rating="4"] . . . [/dt_sc_testimonial]
      [dt_sc_testimonial name="John Doe" image="http://placehold.it/300" role="CEO & Founder - Dhoom Inc" rating="4"] . . . [/dt_sc_testimonial]
      [dt_sc_testimonial name="John Doe" image="http://placehold.it/300" role="CEO & Founder - Dhoom Inc" rating="4"] . . . [/dt_sc_testimonial]
      [/dt_sc_testimonial_carousel]

- ###### Images Carousel

      [dt_sc_carousel]

      [/dt_sc_carousel]

- ###### Class Hours (Eg can be seen at Contact us page)

      [dt_sc_class_hours title="Class Hours"]
          [dt_sc_class_hour day="Monday" time="9am - 3pm"]
          [dt_sc_class_hour day="Tuesday" time="9am - 3pm"]
          [dt_sc_class_hour day="Wednesday" time="9am - 3pm"]
          [dt_sc_class_hour day="Thursday" time="9am - 3pm"]
          [dt_sc_class_hour day="Friday" time="9am - 3pm"]
          [dt_sc_class_hour day="Saturday" time="Holiday"]
          [dt_sc_class_hour day="Sunday" time="Holiday"]
      [/dt_sc_class_hours]

- ###### Social Icon with Tooltip

      [dt_sc_social facebook="#" twitter="#" google_plus ="#" pinterest="#" dribbble="#" picasa="#"/]

### Setting up Mega Menu

Our theme supports mega menu. You can enable it by checking the Use as Mega Menu checkbox as shown below.

You have an option to choose the number of columns for the mega menu. Also You can disable the link or text for the column title.

### Setting up Home Page

Create new page and named it as Home or anything you want.

Go to 'Settings > Reading' and choose a static page as front page.

Note: The portfolio arrangement in Home page- Choose Full Width Template > enable page builder and dump Recent Portfolios from category into fullwidth section

### Available Templates

###### 1. Default Template

Enable Breadcrumb or disable it and upload images which act as page title. Have a look at Services page in our demo.

###### 2. Blog Template

###### 3. Portfolio Template

Portfolio image overlay background-color and its opacity can be get through backend settings. Move to Edit Portfolio and it is given under Default Options

###### 4. Fullwidth Template

### Child Theme

Now for those who wish to perform advanced customizations on 'multihost' parent theme, we present a newer theme packed with Child theme (multihost-child.zip). It brings to you the safest and easiest way to perform modifications in your theme; irrespective of the type of changes you require to execute.

### Folder Structure

- style.css - main style.css
- responsive.css - makes the template as responsive
- rtl.css - rtl text flow css
- The skins folder - contains the css for predefined skins that comes with the template.
- The css folder - contains the css for all major browsers, prettyphoto & for the font awesome. - ( Please ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours. )
- The images folder - contains all the images that are used in the stylesheets for the layout purpose & it has subfolder named post-images , which contains images used in post, pages and other areas
- The js folder - contains javascript files & plugins ( Which includes)
  1. Easing `(easing.js)`
  2. Modernizr `(modernizr-2.6.2.min.js)`
  3. Isotope plugin `(isotope.js)`
  4. Nice Scroll `(jquery.nicescroll.min.js)`
  5. CarouFredSel plugin `(jquery.carouFredSel-6.2.0-packed.js)`
  6. PrettyPhoto `(jquery.prettyPhoto.js)`
  7. Tabs `(jquery.tabs.min.js)`
  8. bx Slider plugin `(jquery.bxslider.js)`
  9. Sticky Header `(jquery.sticky.js)`
  10. video ratio`(jquery.fitvids.js)`
  11. Smart Resize `(jquery.smartresize.js)`
  12. And custom js like `(custom.js)`

### HTML Structure

Here is the HTML Structure of the Template (simplified):

                    .....

                        .....

                        .....

### CSS File & Structure

The style.css is main css file used in this template. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

    @import "css/reset.css";

    /*--------------------------------------------------------------
    >>> TABLE OF CONTENTS:
    ----------------------------------------------------------------
    1.0 - General Styles
    		1.1 - Body Styles
    		1.2 - Font Family
    		1.3 - Headings
    		1.4 - Transition
    		1.5 - Text Elements
    		1.6 - Tables
    		1.7 - Definition Lists
    		1.8 - Forms
    		1.9 - Images
    2.0 - Layout
    3.0 - Header Styles
    		3.1 - Menu Styles
    4.0 - Main Styles
    		4.1 - Breadcrumb Styles
    5.0 - Portfolio Styles
    6.0 - Team Styles
    7.0 - Blog Styles
    		7.1 - Blog Comments Styles
    		7.2 - Pagination Styles
    8.0 - Contact Page Styles
    9.0 - Widget Styles
    10.0 - Footer Styles
    11.0 - Style Picker Styles
    11.0 - Retina Images
    --------------------------------------------------------------*/

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

### Multihost theme in Your Language

Although multihost theme packed with multihost.pot, the theme has the capability to be used in any language. It is also possible to create a multilingual website with help of WPML plugin. multihost theme compatiable with WPML plugin. Please read the FAQ section to get an idea.

##### Basic Translation

You can follow these steps to make basic translations for your wordpress core.

Step 1 : Open wp-config.php file by logging into your FTP account and look for following line define('WPLANG', '');. Define your local language here, examples de_DE, nl_NL,. Then your code will look like this define('WPLANG', 'de_DE');. For more information on language codes Click Here
Step 2 : 'multihost' theme and 'DesignThemes Core Features' Plugin (bundled with theme) are translated separately. The theme po file will be inside multihost / languages folder in the name of default.mo and default.po and plugin po file will be inside designthemes-core-features / languages folder in the name of dt_themes-default.mo and dt_themes-default.po
Step 3 : You can use these files as base for your translation. In order to make wordpress recognize the language to which you want to translate the theme, you will have to name the the language files accordingly. For example the file name of Detusch language would be de_DE.po and de_DE.mo for theme, dt_themes-de_DE.po and dt_themes-de_DE.mo for plugin.
Step 4 : To translate the default.mo and default.po file in your language, follow the steps below.

- Download and install the POedit here.
- Open the default.po file in POEdit and you will find all English text strings in the left column. Once you add translations those will show up in the right column.
- Choose the line you want to translate and then check the lower part of the POEdit window where you will find a textarea to add the correct translation.
- When you are done translating all needed strings save the file with your language code, for example: de_DE.po(theme) and .dt_themes-de_DE.po(DesignThemes Core Features plugin). Make sure files are in the respective folder for theme (multihost / languages) and for plguin (designthemes-core-features / languages).

Note : You can also refer POedit site to get some additional information.

##### WPML

multihost theme has the capability to be used in any language.It is also possible to create a multilingual website with help of WPML wmpl plugin. Please read the FAQ section to get an idea.

- WPML – WPML official site
- Widgets Translation – Check this link for translating WordPress widgets.
- FAQ – Checkout this page to get basic idea of WPML
- WPML Forum Support - You will get free support from WPML tean once you have purchsed thier plugin.

You can download and install WPML manually, by downloading ZIP files from your WPML.org account, or automatically, via the Plugins admin screen. Manual Download and Install In case you want to install WPML manually, follow these steps: Log in to your WPML.org account. Go to the Downloads section. Download the WPML components that you need.

### Plugins

Here is the list of plugins , that are compatiable with multihost

- All in One SEO Pack
- Contact Form 7
- Metronet Reorder Posts
- WordPress SEO by Yoast
- WHMCS Bridge

Premium Plugins

- LayerSlider Responsive WordPress Slider Plugin
- Slider Revolution Responsive WordPress Plugin
- The WordPress Multilingual Plugin

### Customization

We have made our theme as easy to use and customization-friendly.So you can go with most of the possible changes and customization easily.But if you have any troubles or just want us to work for you, please feel free to contact us via, We are ready to support and happy to help (always) at anytime..If the requested query will rely on the minor customization, we can provide the free support and will work at no cost. Or if you want to have any additional options (features) apart from our theme default functions, we would charge our minimum cost for such customizations.

### Javascripts

This template imports following Javascript files.

1. Easing `(easing.js)`
2. Modernizr `(modernizr-2.6.2.min.js)`
3. Mean Menu `(jquery.meanmenu.js)`
4. Isotope plugin `(isotope.js)`
5. Nice Scroll `(jquery.nicescroll.min.js)`
6. CarouFredSel plugin `(jquery.carouFredSel-6.2.0-packed.js)`
7. PrettyPhoto `(jquery.prettyPhoto.js)`
8. Tabs `(jquery.tabs.min.js)`
9. bx Slider plugin `(jquery.bxslider.min.js)`
10. video ratio`(jquery.fitvids.js)`
11. Smart Resize `(jquery.smartresize.js)`
12. And custom js like `(custom.js)`

### Source & Credits

- jQuery
- Isotope
- BxSlider v4.1
- Caroufredsel
- jquery.prettyPhoto
- Tabs
- Tiptip
- modernizr-2.6.2
- Font Awesome Icons

Once again, thank you very much for purchasing our theme. As we said in the beginning, we will be glad to help you with any queries related to this theme. We will be more than happy to be of any service as and when you require. If you have general questions related to the themes on "ThemeForest", you might consider visiting the forums and asking your question in the "Item Discussion" section.

DesignThemes