Loading

Krystal Documentation

How to setup theme and How to use 1 click demo import [For Free Version]

You can create your website like the preview demo in just a few steps
Step 1) First of all install this theme by going to Appearance->Themes->Add New. Upload krystal.zip and install it
Step 2) Install all the recommended plugins and activate plugins
Step 3) Go to Appearance->Import Demo Data
Step 4) You need to manually upload 3 files ie one for XML content, second one for widgets and third one for customizer
Step 5) Go to Krystal details page Click here to go
Step 6) Scroll down to Krystal Theme Demos
Step 7) Download the zip file of demo you want
Step 8) Extract it in your desktop, you will get the 3 files
Step 9) After selecting files. Click on Import Demo Data button

Note : You need to change the URL of some of the menu items, as the imported menu will point to the demo site. You can change menus URL by going to Appearance->Menus

Note: You need to change the URL of scroll down button also. Navigate to Appearance->Customize->Scroll Down Settings and change URL

How to setup theme and How to use 1 click demo import [For Pro Version]

You can create your website like the preview demo in just a few steps
Step 1) First of all install this theme by going to Appearance->Themes->Add New. Upload the krystalpro.zip and install it
Step 2) Install and activate all the recommended plugins
Step 3) Go to Appearance->Import Demo Data
Step 4) Select the import options and click Import Demo Data button


Note : You need to change the URL of some of the menu items, as the imported menu will point to the demo site. You can change menus URL by going to Appearance->Menus

Getting started with Krystal (Manual)

Step 1) Create new pages from Pages menu and name it Home for home page and Blog for blog page
Step 2) Go to Settings->Reading menu and from Your homepage displays settings select A static page and then select Home as Front page and Blog as blog page
Step 3) Save it

How to change Logo

Step 1) Go to Appearance->Customize
Step 2) Click on Site Identity Tab.
Step 3) Upload a logo of your own.
Step 4) Save & Publish

How to add Menu

Go to Menus from Appearance-> Menus.
Step 1) Create a new menu.
Step 2) Select pages from left and add it to menu
Step 3) After this Select Theme Locations Primary from bottom and click Save Menu

How to add Home Section Background Image

Step 1) Click on Appearance -> Customize -> General Settings
Step 2) Scroll to Home Background Image
Step 3) Upload Image and save

How to add videos to homepage on button click

Step 1) Go to Appearance->Customize->General Settings
Step 2) On scroll down, you will see options to add 2 buttons.
Step 3) Add the url in Button URL if you want to add video on button click. For eg : https://www.youtube.com/watch?v=VZ9MBYfu_0A
Step 4) Click Save & Publish

How to add parallax to home background image

Step 1) Go to Appearance -> Customize -> General Settings
Step 2) At bottom, you will see Enable Parallax scroll
Step 3) Click on Yes
Step 4) Save & Publish

How to change header layouts ?

Step 1) Go to Appearance->Customize
Step 2) Click on Header Styles Tab.
Step 3) Select your header style
Step 4) Save & Publish

How to add contact form

Step 1) Click on Contact -> Add New
Step 2) Create your new form or you can use our form
Step 3) Copy the shortcode
Step 4) Open your page
Step 5) Add this shortcode using Text Widget
Step 6) Save

How to add contact form shown in demo

Step 1) Click on Contact -> Add New
Step 2) Create your new form or you can use our form
Step 3) Copy the shortcode
Step 4) Paste your shortcode using Text Widget
Step 5) Save & Publish

How to add copyrights text

Step 1) Click on Appearance -> Customize -> Footer Settings
Step 2) Scroll down to Footer copyrights text
Step 3) Enter your content
Step 4) Save & Publish

How to enable/disable sticky header

Step 1) Click on Appearance -> Customize -> Sticky Header Settings
Step 2) Change your settings in Enable Sticky Header Feature
Step 3) Save & Publish

How to add a preloader for my site

Step 1) Click on Appearance -> Customize -> Preloader Settings
Step 2) Choose your settings
Step 3) You can also upload a preloader GIF image.
Step 4) Save & Publish

How to manually set homepage as blog posts (Demo - Blog)

Step 1) Go to Appearance->Customize->General Settings
Step 2) Scroll down to the last option and check it ie Use this for Blog Homepage
Step 3) Go to Settings->Reading. Select your homepage displays as Your latest posts
Step 4) Save & Publish

How to manually set homepage for default website (full height home background image)

Step 1) Go to Appearance->Customize->General Settings
Step 2) Scroll down to the last option and uncheck it ie Use this for Blog Homepage
Step 3) Save & Publish