Kyma Advanced for 1.4.7 or Above Versions

  1. Theme Installation
  2. Site Layout Setup
  3. Theme’s color and Preloader Setup
  4. Theme’s Footer Setup
  5. Home Page Setup
    1. Set Home Page
    2. Header Contact & Top Bar Color Settings
    3. Social Icon in Header
    4. Site Title, Logo and Favicon
    5. Menu Settings
    6. Home Page Slider
    7. Kyma Services
    8. Kyma Portfolio
    9. Kyma Team
    10. Kyma Testimonial
    11. Our Products
    12. Kyma Features
    13. Fun Facts
    14. Kyma Client
    15. Kyma Pricing Plan Option
    16. Video Background
    17. Twitter Feed
    18. Callout Option
    19. Extra Content Option
    20. Home Page Section Re-order
  6. Theme Option (Other Settings)
    1. Typography
    2. Mailchimp API Auth
    3. Custom URL(Slug)
  7. Kyma Shortcodes
  8. Create Kyma Advance Template
    1. Default Template
    2. 404 Pages
    3. Create Portfolio Template
    4. Create Contact Us Page Template
    5. Create Adout Us Page Template
    6. Create Career Page Template
    7. Create Fluid Page Template
  9. Comming Soon Mode

Introduction:

Kyma Theme is Responsive, Multi-Purpose, HTML5 / CSS3 Theme for Desktop, tablet, mobile phone.

Kyma Advance have many features few are as follows:

  • Fully Responsive Theme for Desktop, Tablet, Mobile Phone.
  • Multi-Purpose Theme can be used for Business, E-commerce and Personal.
  • Kyma Advance Have 3 Types of Slider.
  • 4 Types of Service Sections.
  • 3 Types of Portfolio.
  • 3 Types of Testimonial.
  • 3 Type of Our Feature Section.
  • 2 Type of Client Section.
  • 3 Type of Team Section.
  • 3 Type of Stylish Fun Facts.
  • 3 Types of Pricing Plans.
  • 3 Type of Footer Call Out.
  • 3 Types of About US Page.
  • 3 types of Contact Page.
  • Career Page.
  • More Than 48  Templates.
  • Amassing shortcodes and many more.

Goto Top


1. Theme Installation:

Upload Theme package zip folder using theme installer WordPress option Otherwise Any FTP (FileZilla).

We recommend you to upload extracted folder using FTP( FileZilla/Bitwise), In your host-server-directory/wp-content/themes.

After that Activate theme to go under WordPress site Admin Dashboard -> Appearance ->themes.

For More Information Follow this Link :- https://codex.wordpress.org/Using_Themes

Installed theme looks like this:

theme-activation-screen-short

Goto Top


 2. Site Layout Setup:

Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings.

From here your can set your site layout as a full width, semi boxed or full boxed.

Layout Manager Admin View:

theme-layout-option-panel

Goto Top


 3. Theme’s color and Pre-loader Setup:

Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings.

From here your can set Theme Color Mode. It could be light or dark.

Theme Color Mode Admin View:

theme-color-mode

For Theme Color Schemes and Preloader Styling, Go to

Admin Dashboard >> Appearance >> Theme Options >> Basic Styling.

Form here you can set predefined Theme Color Scheme or Enable Custom Color Option for custom color scheme. You can also change Pre-loader Styling here.

Basic Styling admin view:

basic-styling

Goto Top


In order to add widgets in footer area, Go to

Admin Dashboard >> Appearance >> Widgets.

Drag and drop available widget in footer widget area that you want to show in footer area.

Widget Area Admin View:

footer-widget


5. Home Page Setup:

a. Set Home Page:

Set Kyma home as home page:

Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings Menu .

Here you can find Show Home Page option. Checked this option if you want to show Kyma Home as Home Page.

home-page-option-1

Set Static Page as Home page:

If you want to set Some other page as home page, follows this :

Go to Admin Dashboard >> Settings >> Reading .

Set Front page displays option to  A static page. Then from front page drop down select page you want to set as home page and save changes.

Static-home-page-1

Now go to  Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings Menu .

Unchecked Show Home Page Option and save changes. Now you static page will set as home page.

home-page-option

Goto Top

b. Header Contact & Top Bar Color Settings:

Go to Admin Dashboard >> Appearance >> Theme Options >> Topbar Settings

Here you can hide/show Top Bar and Language option. You can set Header Contact Information, Top Bar color options and Topbar Layout Switch option.

Top-bar Contact Settings Admin View:

header-contact-and-color-option

Header Contact Info Front Page View:

header-contact-information-font-view

Goto Top

c. Social Icon in Header:

Go to Admin Dashboard >> Appearance >> Theme Options >> Topbar Settings >> Social Media.

Here you can find the settings to show/hide social icon on header and social titles. There is a list of social URL text fields. Enter the URL if you want to that social icon on Header or left text field blank if you don’t what it on header.

Note :- For Skype you have to enter skype username.

Header Social Media Admin View:

social-settings

Header Social Media Front Page View:

social-icon-front-view

d. Site Title, Logo and Favicon:

Site Title and Favicon Icon 

To set Site Title and Favicon icon, go to Admin Dashboard >> Customizer under Site Identity tab.

Site Title and Favicon Icon Admin View:

site-title-favicon-admin-view

Site Logo Image:

To set Site Logo Image, go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings Tab.

Find logo Setting Option There. Minimum Uploading Logo Size is 150*50.

@2x Logo for Retina Screens work for apple devices. Logo size must be twice the pixel size of your normal logo.

Site Logo Image Setting Admin View:

logo-and-favicon-option

Site Title, Logo & Favicon Front Page View:

logo-and-site-icon-front-view

Goto Top

f. Home Page Slider:

Go to Admin Dashboard >> Kyma Slider >> Add New Slider.

Here you can give your slide title, sub title, slide description.

Set slider effect settings, add featured image, slide button text, slide button link, target etc.

Minimum uploading size of slider image (Feature image) is 1440*550 px.

Slider Admin View:

add-new-slider

Using slider theme option you can enable/disable Home page slider, change home slider, styling slider text and button, enable/disable kenburn effect & manage it’s speed, and enable/disable text moving effect.

For slider theme option setting Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings Menu >> Slider Options Sub-Menu.

Slider theme option Admin View:

slider-theme-option-settings

Slider Front Page View:

slider-front-view

Goto Top

g. Kyma Services:

Go to Admin Dashboard >> Kyma Services >> Add New Service.

Here you can give your service title, description, service icon and it’s link.

You can set service icon or image respectively using Service Icon or Set featured image option.

Note* Service Image work only with service style 4 that you can change style using theme option.

Minimum uploading size of Service Image (Feature image) is 100*100 px.

add-new-service

There is four type of service style, you can select any of them as your home page service. To change service style or service column layout Go to

Appearance >> Theme Options >> Main Settings >> Service Options.

Note* Service image work with only Style Two. See Below screen sort.

Service theme option Admin View:

service-theme-option

Service Style One Front Page View:

service-style-1-front-view

Service Style Two Front Page View

service-style-2-front-view

Goto Top

h. Kyma Portfolio:

Go to Admin Dashboard >> Kyma Portfolio>> Add New Portfolio.

Here you can Enter your Portfolio title, Portfolio description, Additional Info, Portfolio Client, Skills and Portfolio Button that will display on single portfolio view.

Minimum uploading size of Portfolio image (Feature image) is 600*450 px.

Kyma Portfolio Admin View:

add-new-portfolio

For Portfolio theme option Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings Menu >> Portfolio Options.

Using Portfolio Theme Option you can set how portfolio should display on home page here are few settings for that

You can Set Portfolio Section Title, Portfolio style, enable/disable portfolio filter, set portfolio width (Full or Box Width), Set spacing between portfolios and set home portfolio column layout which is two column, three column and four column.

Portfolio Theme Option Admin View:

portfolio-theme-option

Portfolio Front Page View:

home-portfolio-front-view

Portfolio Single Page View:

portfolio-single-page-view

Goto Top

i. Kyma Team:

You can add your company members using Kyma Team Option. To ade Members Go to Admin Dashboard >> Kyma Team >> Add New Member.

Here you can Enter Member Name, Detail Description, Designation, His social urls, And can upload Member Photo.

Minimum uploading size of Team Image (Feature image) is 285*285 px.

Kyma Team Admin View:

add-new-member

You can change Team Section style using theme option. to change style

Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings >> Team Options.

Theme option for team section Admin View:

team-section-theme-option

Team Front Page View:

team-front-end

Goto Top

j. Kyma Testimonial:

Go to Admin Dashboard >> Kyma Testimonial >> Add New Testimonial.

Here you can Enter your Client Name, Testimonial, Client Designation, Client Site URL and can Upload Client Image using feature image option.

Minimum uploading size of Testimonial Image (Feature image) is 170*170 px.

Kyma Testimonial Admin View:

add-new-testimonial

Kyma Advance have two different style to show your testimonial. To change Testimonial Style and give title to Testimonial section Go to –

Admin Dashboard >> Appearance >> Theme Options >> Main Settings Menu >> Testimonial Options.

Testimonial Theme Option Admin View:

testimonial-theme-option

Testimonial Front Page View:

Style 1: 

Testimonial-front-end-view-1

Style 2: 

Testimonial-front-end-view-2

Goto Top

k. Our Products:

In order to add product on your site you have to download and activate Woocommerce Plugin. It freely available on WordPress.org.

Using theme option you can set home product section title and enable/disable slider on Shop Page, Product Page and Product Category Page. For this go to

Admin Dashboard >> Appearance >> Theme Options >> Main Settings >> Product Options.

Our Products admin View:

product-theme-option

Our Products Front Page View:

our product front view

Goto Top

l. Kyma Features:

Go to Admin Dashboard >> Kyma Features >> Add New Feature.

Here you can Enter Feature Name, Feature Icon, Feature Description and Feature Link.

Kyma Feature Admin View:

add-new-feature

For Feature Theme Option Go to  :- Dashboard >> Appearance >> Theme Options >> Main Settings >> Feature Options.

Here you can set Feature Section Main Title, Feature Display Style, Feature Section Background Color and Feature Image. Note* Feature Image option available for only “Style 1”.

Feature theme option Admin View:

feature-theme-option

Feature Front Page View:

feature-front-view

Goto Top

m. Fun Facts:

You can add Unlimited Fun Facts in Kyma Advance. For add Fun Facts

Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings >> Fun Facts.

Here you select fun fact style among three styles, can select fun fact section background color. You can add multiple fun fact using Add Fun Fact button.

Fun Facts theme option Admin View:

funfact-theme-option

Fun Facts Front Page View:

funfacts-front-view

o. Kyma Client:

Go to Admin Dashboard >> Kyma Clients >> Add New Client.

Here you can give client url and upload client logo.

Minimum uploading size of Client Image (Feature image) is 210*120 px.

Kyma Client Admin View:

add-new-client

You can change Client section style using theme option. To change style

Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings >> Client Options .

Client theme option Admin View:

client-theme-option

Client Front Page View:

client-front-view

Goto Top

p. Kyma Pricing Plan:

In order to add Pricing plan on home page. Go to

Admin Dashboard >> Kyma Pricing plan >> Add New Plan.

Here you can give Pricing Plan Name, enter some general information and button details. You can add number of feature for your plan. You can also remove, select/unselect or sort Plan Features.

To add more plans, you have to visit Add New Plan each time.

Kyma Pricing Plan Admin View:

add-new-pricing-plan

You can change pricing plan styling and section main title using theme option. For this go to

Admin Dashboard >> Appearance >> Theme Options >> Main Settings >> Pricing Plan Options .

Pricing Plan Theme Option (Style one):

pricing-theme-option-style-one

Pricing Plan Front Page View (Style One):

pricing-front-view-style-one

Pricing Plan Theme Option (Style Two):

pricing-theme-option-style-two

Pricing Plan Front Page View (Style Two):

pricing-front-view-style-two

Goto Top

q. Video Background Option:

Use this option to set video background section on home page. for this

Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings >> Video Background Option.

Here you can set video section title, YouTube video URL, Video Auto Play Option and Video Sound Option.

Video Background theme option view:

video-backaground-theme-option

Video Background Front Page View:

video-background-front-view

Goto Top

r. Twitter Feed:

Use this option to show you twitter feed on home page. for this

Go to Admin Dashboard >> Appearance >> Theme Options >> Twitter Feed Menu.

Here you have set your twitter account info will able to show your twitter feeds on your site

Use this link to know more about this Click Here

Twitter Feed theme option view:

twitter-feed-theme-option

Twitter Feed Front Page View:

twitter-feed-front-view

Goto Top

s. Callout Option:

You can Customize callout section using Theme Option. For edit callout section

Go to Admin Dashboard >> Appearance >> Theme Options >> Main Settings >> Callout Options.

Here you can select callout style among three style, you can give callout title, Description, callout button text, button icon and button link.

Callout theme option Admin View:

callout-theme-option

Callout Section Front Page View:

callout-front-end-view

Goto Top

t. Extra Content Option:

Use this option to show extra content on home page. You can use this for shortcodes, HTML content and text. For this

Go to Admin Dashboard >> Appearance >> Theme Options >> Extra Option.

Extra Option Admin View:

extra-content-theme-option

Goto Top

u. Home Page Section Re-order:

You can Enable/Disable Home Page Section and also can reorder them using Home Page Customizer. For this Go to

Admin Dashboard >> Appearance >> Theme Options >> Home Page Customizer.

From here you can set top and bottom spacing of home sections.

In Homepage Layout Manager Option, all enable section will show on home page. You can drag and drop section in enabled/disable area to show/hide them in home page. You can also reorder enable area section that will reflect on home page.

Home Page Customizer Admin View:

home-page-customizer

Goto Top


6. Theme Option (Other Settings):

a. Typography:

If you want to change font styling of the theme, here the option that can be used to change styling of the theme.

For this go to Admin Dashboard >> Appearance >> Theme Options >> Typography.

Log Text Font :- Use this option for styling of logo text.

Primary Menu Typography :- Use this option for styling top bar Menu.

Home Section Typography :- Use this option for styling of home page section titles. Like Our Services, Our Portfolio.
Note:- This option working for home section main title only.

Body Font Style :- Use this option to apply styling all over the theme.

Typography Admin View :

typography

Goto Top

b. Mailchimp API Auth:

Use this option to access NewsLetter from your Mailchimp account. Widget will display NewsLetter Subscribe form using Mailchimp !

For this Go to Admin Dashboard >> Appearance >> Theme Options >> Mailchimp API Auth.

Here you have to enter Mailchimp API key and List Id access NewsLetter from Mailchimp.

Mailchimp Admin View :

mailchimp-theme-option

Mailchimp Widget Admin View :- 

mailchimp-widget

Mailchimp Front View :- 

mailchimp-front-view

Goto Top

e. Custom URL(Slug):

Rewrite URL using custom slug option. Like if your portfolio URL contain kyma_portfolio and you want to replace it with some other text like your company name abc_portfolio than you can use this option.

For this Go to Admin Dashboard >> Appearance >> Theme Options >> Custom URL(Slug).

Note :- Don’t use space in custom slug URL.

Custom URL(Slug) Admin View :

custom-slug-admin-view

Goto Top


7. Kyma Shortcodes:

Kyma Themes comes with a variety of shortcodes. Here we are explaining you, how you can create and insert shortcodes on page or post.

You can find shortcode button on page or post content tool bar. Here the snap

shortcode-button

When you click on shorcode button, a popup window will display with left side menu. Select tab which shorcode you want to insert. Fill details and settings and click to insert shortcode button at the bottom of popup window. your shortcode will be inserted into page or post.

shortcode-popup-window

For example, we are creating a portfolio carousal slider and it very much looks like any home page section. like any section having title, description and main content.

First we create section shortcode and put title and description and portfolio shortcode inside section shortcode. See below image to get more

shortcode-text-code

See the output of above  shortcode

shortcode-front-view

8. Create Kyma Advance Template:

Kyma Advance theme comes with 45+ template pages. We are explaining below one by one each, how to use or activate different templates?

a. Default Template:

Default page can be used to show any of your content. You can Create a Default page using below steps:

Go to Admin Dashboard → Pages → Add New

Enter page title and content and select the default template from page attributes section. You can create left side, right side and full width page by selecting page layout. Check below image to know more about it

Default Template Admin View:

default-template-admin-view

Front View of Default Template. See the live demos of template:

1. Page Right Sidebar front end view:

default-template-front-view

2. Page Left Sidebar front end view

3. Page Full Width front end view

Goto Top

b. 404 Pages:

404 Page template will be display when a visitor on a site request to see unavailable content. The 404 or Not Found error message is a HTTP standard response code indicating that the client was able to communicate with a given server, but the server could not find what was requested.

Go to Admin Dashboard >> Appearance >> Theme Options >> 404 Page.

Here you found Page Title, Text, Search Box and Button settings.

404 Page Admin View:

404-page-theme-option

404 Page Front View:

404-page

c. Create Portfolio Template:

You can create Portfolio Template to show you amazing works. Kyma Advance have multiple Portfolio template style, you can select of theme. For create Portfolio Template follow these steps :-

Go to Admin Dashboard → Pages → Add New

Here you can give page title, add contents and select any portfolio template style. All the Portfolio comes from kyma Portfolio Section.

Portfolio Template Admin View:

portfolio-template-admin-view

Front View of Portfolio Template. See the live demos of template:

Style 1 :

  1. Portfolio Style 1 with Boxed Two column:

Portfolio-Template-Front-End-View

Portfolio Style 1 with Boxed Three column:

Portfolio Style 1 with Boxed Four column:

Portfolio Style 1 with Boxed Five column:

Portfolio Style 1 with Full Width Two column:

Portfolio Style 1 with Full Width Three column:

Portfolio Style 1 with Full Width Four column:

Portfolio Style 1 with Full Width Five column:

Style 2 :

Portfolio Style 2 with Boxed Two column:

Portfolio Style 2 with Boxed Three column:

Portfolio Style 2 with Boxed Four column:

Portfolio Style 2 with Boxed Five column:

Portfolio Style 2 with Full Width Two column:

Portfolio Style 2 with Full Width Three column:

Portfolio Style 2 with Full Width Four column:

Portfolio Style 2 with Full Width Five column:

Masonry Style 1: 

  1. Boxed Style               2.  Full Width              3.  Column

Masonry Style 2 : 

  1. Boxed Style               2.  Full Width              3.  Column

Single Portfolio :

Single Portfolio

Goto Top

d. Create Contact Us Page Template:

Go to Admin Dashboard → Pages → Add New

Here you found three contact us page templates, you can select any of them for you contact us page.

Contact Us Template Admin View:

contact-template-admin-view

You can Change contact us contact and address information from theme option for this

Go to Admin Dashboard >> Appearance >> Theme Options >> Contact Info.

Theme Option View: 

contact-template-theme-option

1. Contact Us Page One

contact-us-page-front-view

2. Contact Us Page 2 live demo

3. Contact Us Page 3 live demo

e. Create About Us Page Template:

Go to Admin Dashboard → Pages → Add New

From here your have to give page title, Page content, Page Description and have to select Page Template About Us page template.

About Us Page Template Admin View:

about-us-page-template-admin-view

Front page View of About Us Page One:

about-us-template-front-view

Click Here Live Demo of About Us Two

Goto Top

f. Create Career Page Template:

Go to Admin Dashboard → Pages → Add New

Career Page Template Admin View:

career-template-admin-view

You can define available Job Position using theme option

Go to Admin Dashboard >> Appearance >> Theme Options >> Career Option.

Theme Option View:

career-template-theme-option-view

Click Here Live Demo of Career Page

Goto Top

f. Create Fluid Page Template:

Fluid Template is a full width template. In fluid template page content doesn’t have left and right margin.

Best experience if you are creating shortcode with Fluid Template.

Go to Admin Dashboard → Pages → Add New

Fluid Page Template Admin View:

fluid-layout-page-template

Fluid Page Front View:

fluid-layout-front-view

Goto Top


9. Comming Soon Mode:

When you site is Under construction then coming soon pages are the right tool to get your visitor attention and convincing them of a website redesign by keeping them hooked social networks etc.

Go to Admin Dashboard >> Appearance >> Theme Options >> Maintenance mode.

Here you can enable maintenance mode (coming soon page), Give title and description, set date when you site goes live and set background images.

Coming soon Admin view: 

maintainance-mode-theme-option

Click Here for Comming Soon Page live demo

Goto Top

IMPORTANT: If you found a bug in Kyma Advance or have any problem/question concerning the Theme, please post your query into Kyma Advance Support Forum here in our Forum. If you do not find a solution here, do not hesitate to contact us at webhuntinfotech (at) gmail (dot) com.

 

Thanks For Reading This Document.

WebHunt Infotech