Child Theme

A child theme serves as the foundation for customizing and extending the functionalities of your main theme without altering its core files. In AGILE, the creation of a child theme is a pivotal step toward implementing personalized changes, customizations, and additions to your website's design and functionality.

FAQ

What exactly is a child theme, and why is it recommended for customization?

A child theme is a separate theme that inherits the functionalities and styling of its parent or main theme. It allows you to make modifications and customizations without directly altering the main theme's core files. Using a child theme ensures that your changes remain intact even after theme updates, preventing the loss of customizations and maintaining the original theme's integrity.

Will the changes I make in the child theme impact the main theme?

No, the child theme operates separately from the main theme. Any modifications or customizations made within the child theme remain confined to its files and do not alter the main theme. This ensures that your customizations are isolated, maintaining the integrity of the parent theme while allowing you to personalize the child theme as needed.

Do I need a child theme even for small design changes or modifications?

It's a good practice to use a child theme regardless of the scale of modifications. While minor changes may seem innocuous, using a child theme ensures that even small adjustments won't impact the main theme. This approach maintains a clean separation between your modifications and the original theme, safeguarding against unintended consequences.

 
 

How to Create a Child Theme

In this guide, we'll walk you through the step-by-step process of creating a child theme for your HubSpot website. No coding skills required—just a few clicks and you'll have a dedicated space to implement customizations, ensuring your website stands out while maintaining the foundation of the original theme.

Step by Step instructions

1. Access HubSpot Design Tools:
     - Log in to your HubSpot account and navigate to "Marketing" > "Files and Templates" > "Design Tools."


2. Locate the AGILE Theme:
     - In the theme directory on the left sidebar, find the AGILE Theme located in "@marketplace" > "AGILE Theme."


3. Create a Child Theme:
     - Right-click on the AGILE Theme and select "Create child theme."
     - Enter a unique name for your child theme, such as "AGILE x [Your Company]."
     - Ensure each child theme has a distinct name for easy identification.
     - Keep the default location in the root folder and click "Create Child Theme."


4. Customize Child Theme Files (Optional):
     - Optionally, customize the child.CSS and child.JS file names in the advanced options for easier identification.
     - Once created, a success message will confirm the child theme's readiness.


5. Finalizing the Creation:
     - Close the window to return to the Design Tools interface.
     - Your child theme folder and its contents will now be visible in the left sidebar.


Important Note:
Remember, the child theme only contains necessary files for your modifications; templates and modules inherit from the AGILE Theme. Avoid cloning unnecessary folders.


Congratulations!
Your AGILE child theme is now set up, providing a future-proof structure for website building.


Customization and Assistance:
For any customization needs or assistance, utilize the child theme folders. Our team is ready to help implement changes specific to your theme within these folders.

Screenshot 2023-12-18 at 7.26.27 AM

SUPPORT & CONSULTING

Can’t Find an Answer?

Get live HubSpot CMS technical support from our customer service team, who can help you with any technical issues or questions you may have.

Install this theme

Click the button below to start using this wonderful theme

cta_image_38