1.Overview

Kidstar is a free HubSpot theme specially designed for kids’ preschool education, kindergarten, child and baby care, schooling, creche, kids’ accessories & toys, children activities, elementary and primary school or small children education crowdfunding-related websites.     With the Kidstar HubSpot theme you get:
  • Designed for Conversion
  • Complete Design Control
  • Perfect For Small Screens
  • Pre-built Pages and Blogs
  • 100% committed to HubSpot CMS Hub standards
  • Clean and beautiful design
Kidstar theme is easy to work with. However, if you need any assistance with the setup and installation, connect with us for a free 30 minutes session.

1.1.What’s Included?

Kidstar HubSpot theme offers,

  1. Modules – 22
  2. Sections – 6
  3. Templates – 8
  4. Blog – 2
  5. System Pages – 7

If you want us to add any module or curate a template for you, talk to our experts, share your requirements and we’ll get it done as soon as possible.

1.2.Edit Theme Settings

To access the theme settings, you first need to create a page > edit page option > theme > edit theme settings


From the edit theme setting you will find the following:

1.2.1.Global Color And Font Setting

Global Colors setting lets you configure primary color, body backgrounds, and heading colors.

Similarly, the Global Fonts setting lets you change the Heading font and Body font of the theme.

1.2.2.Typography

This setting lets you tweak the headings from H1 to H6 along with the body and links.

The H1 to body submenu of the typography has options to select desktop font, adjust line height in pixels, alter letter spacing, and text transformation. For mobile devices, you can change the font size, line height, and letter spacing of the theme. You can change the normal and hover color of the links too.

1.2.3.Buttons



You’ll find the following settings here:

  • Button: Includes option to edit button text, spacing, corner radius, and enabling animation.
  • Dark: Includes the option to change normal hover and active button font, text color, background color, and border style for the filled and outlined button.
  • Light: Change the light-filled button text background border color for normal, active, and hover cases.

1.2.4.Forms

The following sections of the form have these mentioned settings for forms:

  • Titles: Edit text (font, line height, letter spacing, text transformation), background color, spacing, and corner radius. The border-radius only alters the top left and top right of the title.
  • Labels: You can edit the text and spacing of the form labels.
  • Help text: Change the font of the help text on forms.
  • Fields: Change the font of the GDPR Text and Rich Text, alter border-radius, change border color on focus, border style, spacing, background color, text, and placeholder color of the input fields.   
  • Form: Alter form background color, mobile and desktop spacing, border style, and corner radius of the form.
  • Error Messages: Change font, alter spacing, and border color of the error messages.

1.2.5.Tables

The tables option has a further 4 sub-options.

  • Table Header: Change table header text color and background color
  • Table Body: Change table body text color and background color.
  • Table Footer: Change table footer text color and background color. 
  • Table Cells: Change spacing, padding, and border of table cells.   

1.2.6.Website Header

 

The website header has a further 5 sub-options:

1.2.8.Spacing

You can adjust the maximum content width, along with the horizontal spacing and vertical spacings for both desktop and mobile devices.

1.2.9.System Page Setting

You can use the system page settings to make changes to system pages. There are 4 settings here,

  • Error Page Setting (404): Enable/disable the error image, and change the error banner image from here.
  • Error Page Setting (500): Enable/disable the error image, and change the error banner image from here.
  • Backup Unsubscribe: Enable/disable the banner image, and change the backup unsubscribe banner image from here.
  • Password Prompt: Enable/disable the password prompt image, and change the password prompt banner from here.

1.2.10.Blog Settings


 

You can configure the blog post settings here. There are 2 settings in this section:

  • Sidebar: Enable or disable the sidebar on the blog from here.
  • Blog Post: You can show/hide the author name, image, timestamp, tags, and related posts from here.

2.Theme Modules

Kidstar Preschool HubSpot theme has the following 22 modules:

  1. Accordion
  2. Banner
  3. Blog Listings
  4. Blog Related Post
  5. Button
  6. Custom Image
  7. Course Listing
  8. Custom Form
  9. Footer Nav
  10. Header Toggler
  11. Header Controls
  12. Icon box 
  13. Logo
  14. Macros
  15. Map
  16. Menu
  17. Partners
  18. Social Follow
  19. Spacer
  20. Team
  21. Title Content
  22. Video Popup

3.Theme Sections

Kidstar Preschool has the following 6 sections: 

3.1.Two Columns with Content and Form

3.2.Two Columns with Video and Content

3.3.Two Columns with Content and Image

3.4.Admission Form

3.5.Two Columns With Image and Content

3.6.Call to Action

4.Theme Templates

Kidstar has 8 theme templates.

  1. Homepage
  2. Activities
  3. About Us
  4. Our Teachers
  5. Blog Listing
  6. Blog Detail
  7. Contact us
  8. Admission

5.System Pages

Kidstar theme offers you 7 different system pages that are as follows:

  1. Error 404
  2. Error 500
  3. Password Prompt
  4. Subscription Preferences
  5. Subscription Confirmation
  6. Backup Unsubscribe
  7. Search Result
Suggest Edit