StarKid

  1. 1.INTRODUCTION
    1. 1.1.Requirements
    2. 1.2.What's Included
  2. 2.INSTALLATION
    1. 2.1.Installation via WordPress
    2. 2.2.Install theme via FTP
    3. 2.3.Install plugins and import demo
  3. 3.CUSTOMIZATION
    1. 3.1.General
    2. 3.2.Header
    3. 3.3.Page Title
    4. 3.4.Blog
    5. 3.5.Learnpress
    6. 3.6.Sidebar
    7. 3.7.Footer
    8. 3.8.Respondsive
    9. 3.9.Menus
    10. 3.10.Widgets
  4. 4.Enrollment Methods
    1. 4.1.Offline Education
    2. 4.2.Online EducationOnline Education
  5. 5.UPDATE THEME
    1. 5.1.Update via Thim Core
    2. 5.2.Update via FTP
  6. 6.KNOWLEDGE BASE AND FAQS
  7. 7.SUPPORT SERVICE
    1. 7.1.Support Forum
  8. 8.Edit with page builder
    1. 8.1.Elementor
      1. 8.1.1.Header
        1. 8.1.1.1.Topbar
        2. 8.1.1.2.Logo
        3. 8.1.1.3.Main Menu
        4. 8.1.1.4.Slider Revolution
      2. 8.1.2.Home Page
        1. 8.1.2.1.Icon Boxes
        2. 8.1.2.2.About KidSchool
        3. 8.1.2.3.Upcoming Event
        4. 8.1.2.4.Course
        5. 8.1.2.5.Our activities
        6. 8.1.2.6.Meet Our Team
        7. 8.1.2.7.Image box and Contact form
        8. 8.1.2.8.Testimonials
      3. 8.1.3.Footer
        1. 8.1.3.1.Footer Top
        2. 8.1.3.2.Footer
        3. 8.1.3.3.Copyright
    2. 8.2.WP Bakery
      1. 8.2.1.Header
        1. 8.2.1.1.Topbar
        2. 8.2.1.2.Logo
        3. 8.2.1.3.Main Menu
        4. 8.2.1.4.Slider Revolution
      2. 8.2.2.Home Page
        1. 8.2.2.1.Icon Boxes
        2. 8.2.2.2.About KidSchool
        3. 8.2.2.3.Upcoming Event
        4. 8.2.2.4.Course
        5. 8.2.2.5.Our activities
        6. 8.2.2.6.Meet Our Team
        7. 8.2.2.7.Image box and Contact form
        8. 8.2.2.8.Testimonials
      3. 8.2.3.Footer
        1. 8.2.3.1.Footer top
        2. 8.2.3.2.Footer
        3. 8.2.3.3.Copyright

1.INTRODUCTION

We would like to thank you for choosing StarKid theme. Built by the latest version of WordPress and using powerfull plugins, StarKid is suitable for kindergarten, pre-school,day care services or primary school, montessori schools, etc. Now let’s jump to the theme presentation.

1.1.Requirements

There are system requirements in order to install and setup StarKid theme and its components properly. Make sure that you are running the latest version of WordPress, PHP version 7.0 or higher and MySQL version 5.7 or higher. We also recommend the following PHP configuration limits:

Recommended PHP configuration limits

  • upload_max_filesize = 32M
  • post_max_size = 32M
  • max_execution_time = 300
  • max_input_time = 300
  • memory_limit = 256M

Please contact your server provider to verify your current PHP limits and have them set it up again if needed.

Note: Once you successfully install and activate StarKid theme, StarKid Dashboard will be added to your WordPress menu. You can verify those requirements under StarKid > System Status

1.2.What’s Included

After purchasing StarKid theme on themeforest with your Envato account, go to your Download page. You can choose to download StarKid theme only (Installable WordPress file only) or the entire StarKid theme package which contains the following files:

  • StarKid theme: An installable WordPress theme zip file.
  • Documentation: A link to this documentation.

2.INSTALLATION

You can install StarKid theme via 2 ways: Via WordPress or via FTP.

2.1.Installation via WordPress

Follow these steps below to install StarKid theme via WordPress:

Step 1. Visit Dashboard > Appearance > Themes > Add New.

Step 2. Click Upload Theme.

Step 3. Browse starkid.zip file on your computer and click Install Now.

Step 4. Activate StarKid theme.

Step 5. Install and activate Thim Core plugin of StarKid that required for importing demo data.

2.2.Install theme via FTP

Follow these steps below to install StarKid theme via FTP:

Step 1. Login your FTP account via FTP software to access your host web server.

Step 2. Extract starkid.zip file.

Step 3. Upload the extracted folder starkid to wp-content/themes folder.

Step 4. Activate StarKid theme in Dashboard > Appearance > Themes.

Step 5. Enable Thim Core to activate the core of StarKid and start importing demo data process.

2.3.Install plugins and import demo

After the theme successfully installed and activated, you will see the StarKid theme dashboard with our welcome message. Click ‘Next step’ and follow the instructions to set up your site:

Step 1. Name your website and set the description.

Step 2. Log into your Envato account to be able to download the required plugins for the theme. You must not skip this step.

Step 3. Install and activate required and recommended plugins for the theme.

There will be times that some of the plugins fail to install due to internet loss and you will see the error message ‘You can try again later’. Simply choose the plugins and click install and activate again

Step 4. Choose a demo and import into your site

You can also import any specific pages from the demo. Please go to our support forum and we will send you the file of those pages and the guide of how to import.

3.CUSTOMIZATION

This section will guide you how to customize parts of StarKid.

3.1.General

This is for customizing Logo, Layouts, Styling, Typography and Extra Features of Page.

Logo: Change Logo, Sticky Logo, Logo Width, Site Icon for Site

Layouts: customizing Site Layouts, Archive Layouts, Single Layouts and Page Layouts

Styling: customizing Primary Color, Secondary Primary color, Background type, Box Layouts Box Shadow.

Typography: customizing Body Font, Headings Font and Heading.

Extra Features: customizing Loading Icon and enable/disable extra features: RTL support, Smooth Scrolling, Open Graph Meta tags, Back to Top, Google Theme, and Preload.

   

   

3.2.Header

This is for customizing Layouts, Top Bar, Main menu, Sub Menu and Sticky Menu.

Layouts: customizing Header Layouts, Header Position and Background Color.

Top Bar: customizing for displaying Topbar, Topbar Fonts and Background Color.

Main menu: customizing Fonts and Text Color Hover.

Sub Menu: customizing Background Color, Text Color and Text Hover Color.

Sticky Menu: customizing for displaying Sticky menu on Scroll and its style.

   

   

3.3.Page Title

This is for customizing Page Title settings, Title settings and Page Breadcrumb settings

Page Title Setting: customizing turn on/off Page Title and Parallax.

Title: customizing Background (Image/ Color/ Color opacity) and Title Style (Height/ Padding Top/ Font size…).

Page Breadcrumb: customizing Breadcrumn Icon and Font.

   

3.4.Blog

This is for customizing Archive Page, Settings, Layouts, Meta Tags and Social Share of Blog.

Archive Page: customizing for displaying Page Title, Breadcrumb and Background (Image/ Color/ Color Opacity).

Settings: customizing Blog Style, Blog Column, displaying Featured Image, Comments and Related Posts.

Layouts: customizing Blog Archive and Blog Single Layouts.

Meta Tags: customizing displaying Author, Date, Category, Tag and Comment Number

Social Share: customizing displaying and sortable Button Sharing.

   

   

3.5.Learnpress

This is for customizing for Layouts and  displaying Page Title, Breadcrumb and Background (Image/ Color/ Color Opacity) of Archive Page and Single Page.

   

3.6.Sidebar

This is for customizing Sidebar Title Fonts and Widget Margin Bottom.

3.8.Respondsive

This is for customizing Logo, Position and Color of Page on Mobile.

3.9.Menus

This is for customizing Menus. There is a required menus: Primary menu. You can add your own menus.

3.10.Widgets

This is for customizing Widgets areas including Topbar, Sidebar and Footer.

4.Enrollment Methods

4.1.Offline Education

On the default, this theme is for offline education and. If a user wants to enroll in the course, they have to fill and submit a Contact Form when they click on the button “Buy Course”.

buy-course-button enroll-button-contact-form

You can choose the form you want your customers to fill in with the plugin Contact Form. You can use the form in Dashboard => Contact => Contact Forms. You can see in the below picture:

contact-forms-list

To apply a form to the “Buy Course” button, you need to choose it in the Dashboard => Appearance => Customize => LearnPress => Single Page, scroll to the “Select form Buy class”, then choose the form you want to apply, you can see in the below picture:

contact-form-option

4.2.Online EducationOnline Education

If you want to use this theme for online education with the online lessons, you need to choose the default LearnPress “Buy This Course” button in the Customize.

You can do that by accessing the Dashboard => Appearance => Customize => LearnPress => Single Page, scroll to the “Select form Buy class”, then choose the “Default – button buy courses” option. You can see in the below picture:

enroll-buy-this-course-enable

When you use this option, when users click on the “Buy This Course” button, they will be redirected to the LearnPress Checkout page.

buy-this-course-button

lp-checkout-page

The price on the checkout page is the price you set in the price tab in the course settings, not the price field in the General tab.

price-on-check-out-page

And you should enable the “Show Curriculum” feature on the single page so that the customers and visitors can see the curriculum of your courses.

show-curriculumn-enable

5.UPDATE THEME

You can update StarKid theme via 2 ways: via Thim Core and via FTP.

5.1.Update via Thim Core

Thim Core plugin allows to update theme without resetting your settings and customization. However, you should always backup your files and databases before updating.

Follow these steps below to update StarKid theme via Thim Core:

Step 1 – Visit StarKid > Dashboard and login with your Envato account.

Step 2 – Click Update now.

5.2.Update via FTP

Follow these steps below to update theme via FTP:

Step 1. Log into your Envato account on themeforest. In your Download page, find StarKid theme and choose the Installable WordPress Theme.

Step 2. Login your FTP account via FTP software to access your host web server. Navigate to wp-content/themes folder to backup your current starkid folder if needed. The contents on your site will not be lost but if you have modified the code then the changes will be lost. You have to modify them again after updating.

Step 3. Extract starkid.zip that you downloaded from themeforest

Step 4. Upload new theme folder starkid to wp-content/theme to override the existing files.

6.KNOWLEDGE BASE AND FAQS

Before submitting a ticket on our support forum, please do all the following requirements:

  • Refer documentation.
  • Read changelog and make sure that your site is running the latest version of StarKid theme.
  • Clear caches after changing any setting on your site.

Check our Knowledge Base and FAQs below to find out the answer for some common questions:

Check our Knowledge Base and FAQs below to find out the answer to some common questions:

How to get license key of included premium plugins (SiteOrigin Page Builder and Revolution Slider)?

You are able to use included premium plugins such as SiteOrigin Page Builder and Revolution Slider for free when you purchase our themes on ThemeForest. You don’t have to buy your own license to use these plugins.

As a policy from the plugin’s author, you will not get updates directly from them. But you will always get the latest version of SiteOrigin Page Builder and Revolution Slider when we update the theme. We ensure that they are always compatible with our theme.

Will customization be lost if I update the theme?

No, your customization in Appearance > Customize will not be lost when you update the theme. Only the code modifications in the original theme files will be lost and that’s why you should deploy in child-theme.

Customization cannot be saved?

When you make changes in Appearance > Customize setting but the changes cannot be saved, there are some common reasons:

  • Server error – “500 Internal Server”: Read this to know about the error and how to fix it.
  • Users of server (e.g Apache, Nginx) cannot write file: Let chmod file style.css and config.less (all in the theme directory) be 777.
  • Your PHP version is outdated: update PHP version 7.0 or higher.

There are also sticky tickets we post on our support forum. If you cannot find the answer for your problem, don’t hesitate to contact us by submitting a new ticket.

7.SUPPORT SERVICE

When purchasing our themes, you will receive free 6-month support service for problems regarding the theme. Once your free support service expires, you can renew your support service to 12 months. But no matter whether your support service expires or not, you always receive free life-time updates for the theme and plugins.

We really care about our customers and guarantee to response to all questions within 48 hours since your support ticket is created.

Regarding the requests about Customization and 3rd-party plugins, we provide a Customization Service at a fee.

7.1.Support Forum

ThimPress forum is our main resource for supporting customers. To reach us:

Step 1. Click here to create your account. We will ask for your Themeforest purchase code.

Step 2. Go to StarKid support forum and create your topic.

8.Edit with page builder

8.1.Elementor

8.1.1.Header
8.1.1.1.Topbar

starkid1

To edit Topbar, please go to Dashboard => Widgets => Topbar left and Topbar right

starkid2

This is our default text of text widget on the top bar left:

<div class="thim-toolbar-help-info"><i class="fa fa-phone"></i> Need help? Call us Now: <a href="#">+00 44 123 456 789</a></div>
  • To change the background color and height for the top bar, you need to go to your Dashboard => Appearance => Customize => Header => Top bar, then change the background color.
  • To change the font size and color of the texts on the top bar, you need to go to your Dashboard => Appearance => Customize => Header => Top bar => , then change the font size and color.

starkid3

If you don’t see the Register option on your Login Popup. The reason is you didn’t enable the register option on your website.

To enable it, you need to go to your Dashboard => Settings => General => General Settings => Membership => enable it.

starkid4

8.1.1.2.Logo

To change the logo, you can go to your Dashboard => Appearance => Customize => General => Logo, then select your logo.

starkid5

8.1.1.3.Main Menu

starkid6

To change the main menu, please go to your Dashboard => Appearance => Menus, select the Main Menu, then edit it.

starkid7

To change the background color for main menu, you need to edit it in Dashboard => Appearance => Customize => Header => Layouts. = > Background Color

starkid8

8.1.1.4.Slider Revolution

To edit the texts, animations, layout of the slide on the homepage, access your Dashboard => Slider Revolution, choose your slide then edit it.

You can access here to know how to use Slider Revolution.

8.1.2.Home Page

To edit blocks on the homepage, please go to Homepage => Edit With Elementor, click on the block which you want to edit, and edit it on the Elementor editing panel.

starkid13

8.1.2.1.Icon Boxes

To edit the Icon Boxes section, you can edit the homepage with the Elementor page builder. Then you edit the Icon Boxes widget.

starkid15

8.1.2.2.About KidSchool

To edit the About KidSchool section, you can edit the homepage with the Elementor page builder. Then you edit the About KidSchool widget.

starkid16

8.1.2.3.Upcoming Event

To edit the Upcoming Event section, you can edit the homepage with the Elementor page builder. Then you edit the Upcoming Event widget.

starkid18

8.1.2.4.Course

To edit the Course section, you can edit the homepage with the Elementor page builder. Then you edit the Course widget.

starkid19

8.1.2.5.Our activities

To edit the Our activities section, you can edit the homepage with the Elementor page builder. Then you edit the Our activities widget.

starkid20

8.1.2.6.Meet Our Team

To edit the Meet Our Team section, you can edit the homepage with the WPBakery page builder. Then you edit the Meet Our Team widget.

starkid34

8.1.2.7.Image box and Contact form

You can changes the image, layout. To change the contact form, please go to Dashboard => Contact => Contact form => Home page => Edit

starkid33

This is our default form:

<div class="contact-form-4"> <label class="wrap-input half-width" data-icon="&#xf3a0;"> [text* your-name class:input-field placeholder :"Name *"] </label> <label class="wrap-input half-width" data-icon="&#xf4b9;">[text* your-phone class:input-field placeholder :"Phone *"] </label>  <label class="wrap-input" data-icon="&#xf2eb;"> [email* your-email class:input-field placeholder :"Email Addres *"] </label>  [submit class:form-submit "Get it now"] </div>

 

8.1.2.8.Testimonials

To edit the Testimonials section, you can edit the homepage with the Elementor page builder. Then you edit the Testimonials widget.

starkid35

8.2.WP Bakery

8.2.1.Header
8.2.1.1.Topbar

starkid1

To edit top bar, you go to you Dashboard => Appearance => Widgets => Edit “Top Bar – Left” and “Top Bar – Right”.

With Top Bar – Right, you can edit it with WPBakery page builder.

starkid2

This is our default text of text widget on the left top bar:

<div class="thim-toolbar-help-info"><i class="fa fa-phone"></i> Need help? Call us Now: <a href="#">+00 44 123 456 789</a></div>

If you don’t see the Register option on your Login Popup. The reason is you didn’t enable the register option on your website.

To enable it, you need to go to your Dashboard => Settings => General => General Settings => Membership => enable it.

starkid4

  • To change the background color and height for the top bar, you need to go to your Dashboard => Appearance => Customize => Header => Top bar, then change the background color.
  • To change the font size and color of the texts on the top bar, you need to go to your Dashboard => Appearance => Customize => Header => Top bar => , then change the font size and color.

starkid3

8.2.1.2.Logo

To change the logo, you can go to your Dashboard => Appearance => Customize => General => Logo, then select your logo.

starkid5

8.2.1.3.Main Menu

starkid6

To change the main menu, please go to your Dashboard => Appearance => Menus, select the Main Menu, then edit it.

starkid7

To change the background color for main menu, you need to edit it in Dashboard => Appearance => Customize => Header => Layouts. = > Background Color

starkid8

8.2.1.4.Slider Revolution

To edit the texts, animations, layout of the slide on the homepage, access your Dashboard => Slider Revolution, choose your slide then edit it.

You can access here to know how to use Slider Revolution.

8.2.2.Home Page

To edit blocks on the homepage, please go to Homepage => Edit With WP Bakery, click on the block which you want to edit, and edit it on the Elementor editing panel.

8.2.2.1.Icon Boxes

To edit the Icon Boxes section, you can edit the homepage with the WPBakery page builder. Then you edit the Icon Boxes widget.

8.2.2.2.About KidSchool

To edit the About KidSchool section, you can edit the homepage with the WPBakery page builder. Then you edit the About KidSchool widget.

8.2.2.3.Upcoming Event

To edit the Upcoming Event section, you can edit the homepage with the WPBakery page builder. Then you edit the Upcoming Event widget.

8.2.2.4.Course

To edit the Course section, you can edit the homepage with the WPBakery page builder. Then you edit the Course widget.

8.2.2.5.Our activities

To edit the Our activities section, you can edit the homepage with the WPBakery page builder. Then you edit the Our activities widget.

8.2.2.6.Meet Our Team

To edit the Meet Our Team section, you can edit the homepage with the WPBakery page builder. Then you edit the Meet Our Team widget.

8.2.2.7.Image box and Contact form

You can changes the image, layout. To change the contact form, please go to Dashboard => Contact => Contact form => Home page => Edit

starkid33

This is our default form:

<div class="contact-form-4"> <label class="wrap-input half-width" data-icon="&#xf3a0;"> [text* your-name class:input-field placeholder :"Name *"] </label> <label class="wrap-input half-width" data-icon="&#xf4b9;">[text* your-phone class:input-field placeholder :"Phone *"] </label>  <label class="wrap-input" data-icon="&#xf2eb;"> [email* your-email class:input-field placeholder :"Email Addres *"] </label>  [submit class:form-submit "Get it now"] </div>

 

8.2.2.8.Testimonials

To edit the Testimonials section, you can edit the homepage with the WPBakery page builder. Then you edit the Testimonials widget.