Documentation

Installation & Setup Guide

Once you have made a purchase, the theme will be automatically installed in your current portal. If you encounter any difficulties during this process, we suggest contacting HubSpot directly, as we do not have control over these steps.

Child Theme

Themes obtained from the HubSpot Marketplace cannot be edited (read-only) to ensure that users can take advantage of future updates and enhancements. However, if you anticipate the need to modify or expand your theme in the future, we strongly advise creating a child theme as a precautionary measure. A child theme is an independent copy of the initial parent theme that allows for editing without affecting the parent theme, while still allowing you to benefit from future updates. Additional information on child themes can be found here.

How to create child theme?

To create a child theme, follow these steps:

1. Open your Design Tools and go to the theme folder: @marketplace › Pinetco › Edu pro
2. Right-click Edu pro folder, then Create child theme
3. Add a recognizable name to your new theme (e.g., Edu-pro-Child)

To access further information, please refer to the screenshots provided below.

Theme Customization

After preparing your child theme for one of the Edu Pro HubSpot themes, it is now time to personalize it according to your company's branding.

To begin this customization process, navigate to Marketing > Website > Website Pages, and click on Create > Website page.

By doing so, you will be directed to the Choose a theme screen. Here, you can select your Edu Pro Child Theme and choose any specific page you wish to begin working on.

Once you enter the editing mode for the any page, the interface will appear similar to the following:

Before diving into editing the any pages, it is recommended to begin with the customization of the global theme settings.

To do so, navigate to Design > Edit theme settings. This will redirect you to the Theme settings screen, which appears as follows:

Within this screen, you will find an array of global design customization settings for the Edu Pro HubSpot theme.

While we will specifically address the three main customization options (Colors, Typography, and Buttons), feel free to explore the more advanced options, including Cards, Layout, and others.

Module Usage Guide

Unique Identifiers

Unique identifiers are implemented to assign a distinctive identification element to modules, enabling effortless recognition. Clients can utilize these identifiers to make design-related changes or modifications as needed.

Section Settings

Within the section settings, you have the ability to modify various aspects of modules at a granular level. This includes making changes such as adjusting the background color of a card, modifying the border radius, and altering the color of the text, among other options.

Slider Settings

Within the slider settings, you have the capability to modify the functionality of the slider itself, such as adjusting the number of columns in the slider and making other related changes.

Content

In the content section, you will come across multiple fields where you can enter the content for your website.

Grid Settings

Within the Grid settings, you have the option to specify the number of grid columns you desire for any listing view. Additionally, you can find a field where you can select the desired gap between two items.

Background Settings

The Background settings allow you to customize the background image, adjust the background color, and apply background pattern settings.

Color Settings

The Color Settings feature is specifically designed for the form module, enabling you to override the color of each element within the form.