Initial Theme Setup

Child Theme Creation

Creating a child theme is essential to ensure that your customizations are not lost when the theme
receives updates. Follow these steps to create a child theme:

a. Access the HubSpot File Manager: Log in to your HubSpot account and navigate to the File Manager.
b. Create a New Folder: Create a new folder within the File Manager and name it something like 'AGILE Child Theme.'
c. Create a Stylesheet: Inside the child theme folder, create a stylesheet file (style.css). This file will hold your custom CSS.
d. Activate the Child Theme: Go to the HubSpot Design Manager and set your child theme as the active theme.

Theme Settings Overview

AGILE theme comes with a range of settings to customize its appearance. To explore these options:

a. Log in to HubSpot: Log in to your HubSpot account and navigate to the Design Manager.
b. Access Theme Settings: In the Design Manager, locate your AGILE theme and click on 'Settings.' Here, you can control various aspects of your theme's design, layout, and functionality.

Brand Styles Configuration

Creating a child theme is essential to ensure that your customizations are not lost when the theme receives updates. Follow these steps to create a child theme:

a. Access the HubSpot File Manager: Log in to your HubSpot account and navigate to the File Manager.
b. Create a New Folder: Create a new folder within the File Manager and name it something like 'AGILE Child Theme.'
c. Create a Stylesheet: Inside the child theme folder, create a stylesheet file (style.css). This file will hold your custom CSS.
d. Activate the Child Theme: Go to the HubSpot Design Manager and set your child theme as the active theme.

Setting Up Navigation Menus

Proper navigation menus are crucial for a smooth user experience. To set up navigation menus:

a. Log in to HubSpot: Log in to your HubSpot account.
b. Navigate to the Navigation Settings: In your HubSpot dashboard, go to 'Website' > 'Navigation.'
c. Create and Customize Menus: Create and customize your navigation menus to include the links and pages you want to display. Assign these menus to the relevant positions in your theme.

Configuring Global Header

The header is a vital part of your website. To configure the global header:

a. Log in to HubSpot: Log in to your HubSpot account.
b. Access Global Header Settings: In the Design Manager, locate your AGILE theme and click on 'Global Header.' Customize the header to include your logo, navigation menu, and other elements.

Updating System Page Templates

HubSpot's system page templates can be customized to match your theme. To update system page templates:

a. Log in to HubSpot: Log in to your HubSpot account.
b. Access System Page Templates: In the Design Manager, find your AGILE theme and click on 'System Page Templates.' Customize templates like 404 error pages, password reset, and subscription preference pages to match your theme's style.

Configuring Blog Templates

If your website includes a blog, configure the blog templates to match your theme's style:

a. Log in to HubSpot: Log in to your HubSpot account.
b. Access Blog Template Settings: In the Design Manager, find your AGILE theme and click on 'Blog Templates.' Customize the layout, typography, and design elements to make your blog visually appealing and user-friendly.

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-45