Kalon Documentation

Important Note:

Before beginning the installation process, please make sure you are using the latest version of WordPress and the Theme.

Theme Demo:

Click here to Download the Demo File

We offer free one-click demo import for Kalon. So, if you want to make your website exactly like the demo of the Kalon theme, you need to install Rara One Click Demo Import plugin, download the demo file, and follow this step by step guide or watch the video below.

Theme Documentation:

Thank you for choosing Kalon! This documentation covers the installation and the usage of the theme. We encourage you to read through this document and keep it handy for reference. If you have any questions about the theme, or need assistance with anything related to the theme, please feel free to post your questions on our support forum and our support team will be happy to assist you.

Getting Started

Let’s get started!  First, make sure that you have all the necessary things required to install Kalon.

Theme Requirements

Make sure you have the latest version of WordPress installed, by checking the updates tab from your current WordPress dashboard.

Theme Requirements

If you haven’t downloaded WordPress already, you can download it from the WordPress repository.

Although Kalon will work with 4.5 and above versions of WordPress, it is recommended to have the latest version of WordPress.

After you have the latest version of WordPress, download the theme ZIP file, and save it somewhere handy on your computer, as you will be using the included files for the rest of the installation process.


Theme Files

Kalon includes :

WordPress Theme Files— This is a compressed WordPress theme file containing all of the required templates, images and icons required for the theme to function properly.

Theme Installation

Step 1: Upload and Activation

There are two methods to install Kalon theme.  You may either upload the zipped theme file using the WordPress theme installer (Recommended), or you can upload the unzipped theme folder via FTP (Advanced).

Method 1 ( Recommended) : Install Using the WordPress Theme Installer

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Themes in the WordPress Dashboard.Themes
  3. Click on the Add New button. Add-New-Theme
  4. Click on the Upload Theme link.
  5. Click on Choose File, select the kalon.zip file from your computer and click upload.Upload-theme2
  6. Click Install Now

Method 2: Install Using File Transfer Protocol (FTP)

  1. Unzip “kalon.zip” file on your computer.
  2. Login using FTP client to access your host web server.
  3. Locate the wp-content folder in your WordPress install files.
  4. Upload the un-zipped Kalon folder into the: wp-content/themes folder.

For More Information about installing theme using FTP visit :http://codex.wordpress.org/Using_Themes#Adding_New_Themes

Activate the theme

  1. Log in to the WordPress Administration Panel.
  2. Go to Appearance > Themes in the WordPress menu
  3. Hover over the theme thumbnail and click the Activate button.

Installing Plugins

Installing Plugin:

To install a plugin in your WordPress admin panel and follow the following steps.

  1. Navigate to Plugins > Add New.
    Install Pluglin
  1. Search for the name of the plugin you wish to install which will return a list of potential plugins.
  2. Click Details to read more about a plugin.
  3. Click “Install Now” if you wish to install the plugin.Plugin-Install-Web
  4. It may ask if you are sure, and you may proceed. The installation will commence once you confirm to proceed.
  5. After the plugin is downloaded. Go to Plugins>Installed Plugins. Click “Activate Plugin” to make it available for use.Plugin-Activate

Recommended Plugins:

We recommend you to download the following plugins when necessary:

  1. Jetpack by WordPress.com, by: Automattic

The plugin provides a variety of complementary features for your Theme.

  1. Regenerate Thumnails by Alex Mills (Viper007Bond)

If you have existing content, this will help you update your image thumbnails sizes.


If you want your front page to update regularly with the latest contents from your post, then set the front page to Your latest Posts. Your latest posts will appear below the slider on the homepage.

  1. Go to Appearance>Customize > Default Settings> Static Front Page.Static-FP
  2. Select Your latest Posts under Front Page displays. (To automatically display latest post in homepage).
  3. Select Static Front Page, If you’d rather have your Homepage remain consistent.
  4. Click Save&Publish.

Default Settings

Site Identity

To set up Site Identity,

  1. Go to Appearance> Customize> Default Settings > Site Identity
  2. Click Select logo by clicking Select Logo.
  3. Upload and select the desired image. (The recommended Site Logo size is 180 × 80 pixels)
  4. Enter the Site Title and Tagline
  5. Check Display Header Text for the Site title and Tagline to appear on your homepage.
  6. Click Select Image under Site Icon
  7. Upload and select the desired image. (The Site Icon/ favicon is used as a browser and app icon for your site. The recommended Site Icon size is 512*512 pixels.)
  8. Click Save & Publish.
    Site Identity


  1. Go to Appearance> Customize> Default Settings >Colors
  2. Change the Background Color by clicking on the respective Select Color button
  3. Click Save & Publish.

Background Image

  1. Go to Appearance> Customize> Default Settings >Background Image
  2. Click Select Image.
  3. Upload and Select a Background Image
  4. Click Save & Publish.
    background Image


To set the slider in Kalon you need to select the posts you would like to display as a sticky post

  1. Featured images of the post kept a sticky Post on homepage  will be displayed as slider images.
  2. Click OK
    Sticky Post
  3. Check Stick this Post to the Front Page 
  4.  Click on edit beside Visibility under Publish
    Kalon- slider
  5. For that create a new post or select and edit  to the the existing Posts by going to Post>All Posts
  • Featured images of posts should be at least 1400 px in width and 500px in the height for displaying slider images properly.
  • Use regenerate thumbnail plugin to crop all the images if you have already uploaded the Images.
  1. Click Update or Publish to update the changes .
    Sticky _Kalon

 Note : You can set as many posts as sticky for it to appear on the Slider

Configuring Slider

  1. Go to Appearance >Customize>Slider Settings.
  2. Check Enable Home Page Slider to show the featured slider the homepage.Slider Setting
  3. Check Enable Slider to Auto Transition for the slides to transition automatically (auto-scroll) without a click.
  4. Check Enable Slider Loop to continue the slide transition in the loop
  5. Check Enable Slider Control to allow manual navigation for paging control of each slide?
  6. Check Enable Slider Caption to show the post title to appear on the slider post image
  7. Select the slider animation type to “fade” or “slide”
  8. Enter the Readmore text to set the text of the button
  9. Enter Slider Speed: Set the Interval (in milliseconds) at which the slider should change posts (if automatic transition is enabled). Default: 7000 (7 seconds)
  10. Enter Animation Speed: Set the speed of animations, in milliseconds. Default: 600
  11. Click Save & Publish
    slider 2


Create a New Page

  1. Go to Pages > Add New.
    Add Page
  2. Enter the Page Title for the Page
  3. Write the required Text in the content section
  4. Select the Default Template from the Page Attributes section
  5. Click Publish.

Add a Blog Post

  1. Go to Posts>Add new.
  2. Select the post format on the right sidebar.
  3. Give a title and fill it with content
  4. Upload a featured image by clicking on Set Feature Image on the right sidebar of the screen.
    set feature image
  5. Click Publish

Adding Excerpt in the Post

  1. For adding excerpt to the existing post. Go to Post>All Posts from WordPress dashboard.
  2. Click Edit below the post name.
    adding excerpt one
  3. Click on the Screen Option on the top left side of the screen.
  4. Check Excerpt.
  5. A content box for excerpt will appear below the content section. Enter the required details.
  6. Click Publish or Update

Post Formats

This theme has built-in functionality for the post formats including text, aside, image, video, quote, and link post formats. Select the Post format as desired.
Post Format-Travel Diaries

Gallery Post Format

For Inserting Gallery in the post, you must first install the Jetpack Plugin. To learn how to install a plugin, read– Installing Plugins. You must have a WordPress Account to use JetPack. Use Your WordPress Account to activate Jetpack in your website.

  1. Navigate to Jetpack>Settings on the dashboard
  2. Activate the Carousel and Tiled Galleries option by clicking Activate link.Jetpack-gallery
  3. Navigate to the Post where you want to insert the gallery and come its Edit window
  4. Click Add Mediajet-pack-1
  5. Click Create Gallery
  6. Upload and select the desired images for the gallery and click create a new Gallery.jetpack3
  7. Choose the desired Size and Type of your gallery display.
  8. Use drag and drop to order the picture.
  9. Click Insert Gallery.
    jetpack 4
  10. Click Preview to preview the post and click Publish when you are satisfied.

    Navigation / Menu Setup

    Option 1:

    1. Go to Appearance > Customize>Menus  in the WordPress Dashboard
    2. Click on Add new menu button.
    3. Give a name to your menu in Menu Name and click Create Menu button
    4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
    5. Order the menu items by using drag and drop function in Menu structure Panel.
    6. Choose Menu location to primary to display on Homepage as a primary menu
    7. Click Save and Publish after adding required pages, categories in the menu.

    Option 2:

    1. Go to Appearance > Menus  in the WordPress Dashboard.
    2. Click on Create a new menu link.menu3
    3. Give a name to your menu in Menu Name and click Create Menu button.menu4
    4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
    5. Order the menu items by using drag and drop function in Menu structure Panel.
    6. Choose Menu location to primary to display on Homepage as a primary menu
    7. Click Save Menu after adding required pages, categories in the menu.Menu 3-EP

    Social Media

    1. Go to Appearance> Customize>Social Settings
    2. Check Enable Social Links  to show the social media links on the homepage
    3. Enter your social media links
    4. Click Save & Publish.
      Social settings

    Custom CSS Settings

    1. Go to Appearance >Customize>Custom CSS settings.
    2. Enter the required custom CSS. For example, to change the body font size to 17 Pixels:
    3. body{font-size: 17px}
    1. Click Save & Publish.


    Kalon offers four custom widgets: Rara Feature Post, Rara Recent Post, Rara Popular Post and Rara Social Links along with the WordPress default widget options. You can add and remove widgets by following the steps below:

    Adding a widget:

    Option 1:

    1. Navigate to Appearance> Widgets
    2. There are four widget spaces, including Right sidebar and three footer.
    3. Drag the desired widget to  the desired widget space. There is a description of each included widget that you can choose from.


    Option 2:

    1. Go to Appearance> Customize>Widget
    2. Click the desired Widget Area (Right Sidebar, Footer One, Footer Two etc)
    3. Click Add a Widget. There is a description of each included widget that you can choose from.
    4. Click on the desired widget.
    5. Drag and reorder the widget as desired
    6. Click Save& Publish.Widget

      Remove  Widget

      1. Go to Appearance> Customize>Widget
      2. Click the desired Widget Area ( Right Sidebar, Footer One, Footer Two etc)
      3. Click the widget you want to delete and click delete.
      4. Click Save Changes.

    Quick Specs

    All measurements are recommended and in pixels.



    Width: 1400px

    Height: 507px;


    Post featured image full width:

    Width: 1170px;

    Height: 460px;


    Post featured image:

    Width: 848px;

    Height: 461px;



    Width: 121px

    Height: 46px


    Featured post Widget

    width: 150px;

    height: 150px;


    Recent-post Widget:

    width:  67px

    height: 67px

    Helpful Tips :

    1. We highly recommend to use Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. For information about How to create a child theme visit : https://codex.wordpress.org/Child_Themes
    2. Always keep BackUp of your theme before making any changes to the theme.
    3. If you get any problem in using the them, you can do the following things:
      • Deactivate the plugins, sometime plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
      • Replace latest modified code with the original code.
      • If the issue still pertains, feel free to post your questions on our support forum.
Get all our 27 premium themes worth $1863 at just $99! Limited time offer.Get IT NOW!
+ +

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.