- 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 HubSpot theme offers,
- Modules – 22
- Sections – 6
- Templates – 8
- Blog – 2
- 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.
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.
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.
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.
The website header has a further 5 sub-options:
- Header Top: Enable or disable the header top.
- Header Bottom: Enable or disable header bottom
- Box shadow: Enable or disable box shadow and change the box shadow color.
- Background: Change the header background color
- Menu: Desktop (change fonts, line height, text transformation) and mobile (font size and line height) text settings, change drop-down color, hover text & background color, and active text font color.
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.
Kidstar Preschool HubSpot theme has the following 22 modules:
The accordion module enables you to add questions on your landing pages along with their answers.
You can add multiple accordions, and choose the icon position from the left and right options.
You can also edit, clone, or delete each accordion. There are options to edit the title, and content and to replace or remove the accordion opening and closing icon.
Front the style tab you can change the styles of the accordion, title, and content and overwrite the accordion icon color.
You can change the
- accordion background color, spacing, border radius, and box-shadow
- title font and spacing, content font and spacing
- Overwrite icon color settings
The blog listing module lists down the blogs on your website. As you can notice there are also some additional elements on the sidebar.
You can check the blog listing module on the blog listing page. For accessing the blog listing page:
Go the marketing > website > blog. From the left panel select blog listing pages and select the Kidstar blog listing page > Click edit and you will find the blog listing template.
Settings on the blog listing module include,
- Editing category title.
- Enable or disable blog meta information like feature image, tags, title, author, publish date, description, and button. You can also edit the button text from here itself.
- Enable/disable box shadow.
- Edit sidebar widgets like editing search bar title and button text, popular post title, category title, and subscribe title text.
- Edit Pagination title for left and right text.
From the style tab of the blog listings module, you can change the card and widget style. Card settings include
- Changing card background color, background, content, and title color on hover
- Edit the corner radius of the card, and feature image
- Overwrite styles of tags, title, author and date, description, and button. You can change the text font and color for all these.
From the Widget settings, you can overwrite title style, category, and popular post.
The style tab allows adjusting the spacing of the copyright module.
As a school-related HubSpot theme, displaying available courses on your landing pages is necessary. So, you can use the course listing module for letting your visitors know what type of education, events, and fun activities you are providing at your organization.
You can add multiple courses to your landing pages. Additionally, you can edit, clone, or delete each of them.
It has the option to remove or replace the image, add alt text, change image loading, edit the title and add a description.
You can also change the duration text, button text, and background color.
From its style tab, you can
- Adjust the image and content corner border radius. Border radius is applied on all the sides in desktop view but in mobile, the border-radius gets applied to the image top left and right while for the card to the bottom left and right.
- Desktop, mobile, and tablet change card bottom spacing and change duration icon color.
- Overwrite color and button settings
You can add a custom form according to your website’s requirements. It could be for admissions or inquiries, etc. There are three layouts included:
a. Multiple Field Form
b. Single Field form (button at the bottom)
c. Single Field Inline Form
You have the form layout choice between multiple field form, single field inline form, or single field form with a button at the bottom, edit the form content like add or remove fields, thank you text, enable form automation, enable form box shadow, enable input field box-shadow, and edit input field box shadow.
From its style tab, you can edit the
- Color, border, and alignment of form title
- Enable and change the form background color
- Adjust form spacing, enable form max-width
- Overwrite desktop and mobile form spacing
- Overwrite the background color and enable or disable the global border on the input field.
- Overwrite form corner radius, and button
- Change the text color, background color, and border color of the normal and hover button.
The header toggler allows you to add a toggler to the header so that the user can see more options.
Header controller settings include choosing the display mode, enabling search, changing placeholder text, enabling the button on the header, selecting button style, editing button text, and adding a link to the button.
From the style tab, you can change the search background color, open icon color, and close icon color.
a. Compact Icon box layout
b. Card Icon box layout
You can select columns, enable box shadow, insert shades, change card icon settings, and compact settings.
From its style tab, you can change the icon box background color, and overwrite color settings by changing the title and description content color.
You can also adjust spacing and overwrite icon color too.
The map module will add a virtual map to your website. This map can be directed towards your physical play school or any of its branches.
You can replace or remove the location pointer, insert Map API, pointer details, Map JSON, map zoom level, and edit center latitude, and longitude.
From its style tab, you can edit map corner and height, overwrite the style by changing title background and text color, card background and text color.
The spacer module adds white space to the website and landing pages. With the spacer module, you can add vertical spaces between sections and modules as and when required.
From its style tab, you can adjust the height for desktop, tablet, and mobile. You can also alter the spacer background color.
You can use the team module to show the hardworking teacher’s team on your website pages. It helps parents to know your team virtually.
You can add multiple team members to your website pages.
From the style tab, you have certain additional settings to edit the content box, member name, and member profile.
Content box: Change content-box background color in the normal state, overwrite background color on hover, adjust content box corner radius, and change box shadow.
Member Name: Change member name color style on hover and normal state.
Member Profile: Alter member profile color on hover and normal state.
The title content module helps you to add title text on any page. You can add a title above any module if you want to add a heading to it.
You can also enable the mini title, edit the mini title text and content, and enable the primary and secondary buttons.
From its style tab, you can change the container and content style. It has options to change the container background color, enable maximum width and adjust container spacing.
From the content tab, you can alter
- Content alignment for desktop and mobile
- Overwrite mini title styles, by changing desktop font & color and mobile font size and line height.
- Overwrite title style, by changing desktop font & color and mobile font size and line height.
- Overwrite description style, by changing desktop font & color and mobile font size and line height.
The video popup module is for adding a video to your landing page or website page. You can add your preschool activity videos.
You can replace or remove the video poster, edit alt text, adjust the video poster size, change image loading, replace or remove the play icon, and edit the video link.
From the style tab, you can change the video alignment, enable overlay, change overlay color, overwrite icon color, change icon background color and icon color, and adjust the video corner border radius.
Kidstar Preschool has the following 6 sections:
Kidstar has 8 theme templates.
- About Us
- Our Teachers
- Blog Listing
- Blog Detail
- Contact us
Kidstar theme offers you 7 different system pages that are as follows:
- Error 404
- Error 500
- Password Prompt
- Subscription Preferences
- Subscription Confirmation
- Backup Unsubscribe
- Search Result
You can add your social media link to your website pages using the social follow module.
You can add multiple social icons on your website header or footer.
Additionally, you can remove or replace each social follow icon, edit the social link, etc.
From the style tab, you can overwrite the icon fill color, enable or disable background and change background color, adjust radius, and desktop and mobile alignment.