Theme Documentation

Installation & Setup

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me via my email:

We have created a short video to show you how to install the theme and (optionally) import its demo content

Video Tutorial:

Updating Theme

To update the theme, login to your marketplace account and re-download the theme package like you did when you purchased it. Extract the downloaded ZIP file.

A theme update always deletes all existing theme files and replaces them with the files of the new theme version. Therefore you should never change the theme files directly, because they will be lost due to an update. Instead, use a child theme in case you want to change the theme files directly.

  1. Log in to the WordPress Administration Panels.

  2. Navigate to the AppearanceThemes menu.

  3. Since WordPress does not recognize that the theme is already installed when you upload a new zip file, you will get a 'Theme Destination already exists' error if you try to install the theme. Therefore you have to deactivate and delete the old theme and afterwards install and activate the new theme version.

  4. Deactivate the theme by activating another.

  5. Click on the screenshot of the Dosis theme. This will open the Theme Details popup box.

  6. Click on the Delete button in the bottom right corner to remove all theme files.

  7. Upload the new version and install the theme.

Child Theme

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Why use a Child Theme?

There are a few reasons why you would want to use a child theme:

  • If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
  • Using a child theme can speed up development time.
  • Using a child theme is a great way to learn about WordPress theme development.

Child Theme Install

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Themes menu.
  3. Click the Add New button on the top of the screen.
  4. On the next page, click the Upload Theme button on the top of the screen.
  5. Click the Choose File button to open up a dialog to browse your computer and navigate to Child Theme folder. Select the file and click Install Now.
  6. Please wait a few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.
  7. That's it! Now you can add custom CSS code and PHP functions.

How to use the child theme

  1. After install the child theme navigate to Wordpress admin panel.
  2. Navigate to the Appearance > Editor menu.
  3. In the section titled Templates, you will see a list of files that you can edit:
    • functions.php - This lets you add additional functions, classes and hooks to WordPress theme without needing to alter the code within the functions file of the parent theme.
    • style.css - This lets you add or change the theme styles (colors, sizes, fonts, backgrounds etc.) without needing to change the code within the style.css file of the parent theme.
  4. Select the file you want to change and add your PHP/CSS code in the editor on the left side.
  5. Click the Update File button when you're finished editing a file.

Plugin Installation

This theme requires the installation and activation of some plug-ins to add additional features and capabilities. If you want to use contact form, instagram, newsletter and demo import, you need to install the following plugins:

  • Contact Form 7 - Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

  • Shared Counts – Social Media Share Buttons - Shared Counts adds social media sharing buttons that look great and keep your site loading…

  • One Click Demo Import - he best feature of this plugin is, that theme authors can define import files in their themes and so all you (the user of the theme) have to do is click on the "Import Demo Data" button.

  • WP Instagram Widget - WP Instagram widget is a no fuss WordPress widget to showcase your latest Instagram pics. It does not require you to provide your login details or sign in via oAuth.

  • Dosis Helper - Dosis Helper Plugin expands the functionality of the theme. Adds new icons, shortcodes and much more.

How to setup Contact Form

Form Code:
<div class="row">
    <div class="col-md-6">
        [text* your-name placeholder "Your Name"]
    <div class="col-md-6>
     [text* your-email placeholder "Your Email *"]
    <div class="col-md-12">
    [text your-subject placeholder "Subject"]
    [textarea your-message 10x5 placeholder "Your Message"]
    [submit id:SendMessage "Send Message"]

Create Contact Form

  1. Navigate to the ContactAdd New page in the WordPress admin.
  2. Enter a name for Contact Form
  3. Copy the code above into contact form
  4. Click the Save button.

Create Page Contact

  1. After Created Contact Form, copy the shortcode
  2. Navigate to the PagesAdd New page in the WordPress admin.
  3. Enter a name for Page
  4. Paste the shortcode in step1 into the page content
  5. Click the Pulsish button.

Install Demo Content

Well, it's really simple.

If you're using the theme to build a new website which doesn't have content yet, I strongly recommend you to use the demo content files.

  1. Navigate to the AppearanceImport Demo Data page in the WordPress admin.
  2. Click the Import Demo Data button.

Creating Menus

You can manage and create menus by navigating to AppearanceMenus.

  1. Click the create a new menu link.
  2. Enter a name for the menu (this can be anything e.g "Header Main").
  3. Click the Create Menu button.

Multi Column Menus

To create a multi-column menu, navigate to the AppearanceMenus page in the WordPress admin and follow the steps below:

1. Enable "CSS classes" field

First we need to make sure the "CSS Classes" field is displaying:

  1. Click the Screen Options tab in the top-right corner of the WordPress admin.
  2. Make sure the CSS Classes box is checked.

2. Enter Menu Classes

The mega-menu layout is created by entering class-names into the "CSS Classes" field for the menu's parent/top-level item:

  1. Create or save a menu to the Main Menu
  2. Toggle open a top-level menu item and enter "megamenu cols-2" into the CSS Classes field (this will display a 2 column menu).

To change the number of columns in the menu, simply replace "cols-2" with "cols-(1, 3 or 4)".

3. Organize Menu Items

You can now organize menu-items using the simple hierarchical structure shown below:

You can hiddent text menu-items by "text-hidden" into the "CSS Classes" field for menu's parent in megamenu

Blog Configs

You can manage theme options by navigating to AppearanceCustomizeDosis Theme Options.

  1. Click the Blog
  2. Choose a layout blog style for page blog and page archire
  3. Configuration hide/shows sidebar
  4. Configure the number of posts on 1 page

Featured Post Slide

You can manage theme options by navigating to AppearanceCustomizeDosis Theme Options.

  1. Click the Featured Post Slide
  2. Checked Enable Featured Posts Slider
  3. Select a Category or Select Post/Page Ids
  4. Configure the number posts of Slide

Body Boxed

You can manage theme options by navigating to AppearanceCustomizeDosis Theme Options.

  1. Click the Layout Boxed
  2. Checked Enable layout boxed
  3. Select type boxed Color or Image
  4. Choose a color or background image for your blog

Source and Credits

Along the project, I've been using the following assets, even if they were images, icons or other files, as listed.