Creating a Child Theme in the Design Manager

Steps to Create a Child Theme:


Access the Design Manager

Log in to your HubSpot account and navigate to the Design Manager tool.

Locate the Generator Theme

In the Design Manager, find the copy of the Generator theme. It will be in the @marketplace -> Drive_Web_Studio directory.

Create a Child Theme

Right-click on the Generator theme folder and select "Create a child theme." This will automatically generate a new child theme that inherits all the functionality and styling of the Generator theme.

Customize Your Child Theme

After creating the child theme, you can begin customizing it. Open the child theme folder in the Design Manager and add or modify files as needed. You can create custom CSS, JavaScript, and template files to tailor the theme to your specific needs.

Later, we'll show you how to make your child theme the main active theme for all your pages.

By following these steps, you can create and customize a child theme, ensuring that your website is flexible and easy to maintain.


Resources

For more detailed information, refer to the HubSpot documentation on child themes here.

Complete and Continue