Global Text Styles for Generator Theme

Access Text Styles in Global Theme Settings

From any HubSpot page, click Edit, navigate to Body > Theme, then click More Settings and select Text. This opens the text styles panel where you can configure every text element: H1 through H6, Body Text, Links, Block Quotes, and more.

Configure Heading Styles (H1–H6)

Click into each heading level to set its styles individually.

Font Family and Font Weight inherit from the font settings configured in the previous lesson. You can override them here, but it's best practice to keep all headings on the same font family for consistency.

For each heading level, set:

• Desktop Font Size — Generator includes best-practice defaults, but adjust to match your brand kit
• Mobile Font Size — Generator allows separate mobile sizing, which is a key advantage
• Line Height
• Text Transform — capitalize, uppercase, etc.
• Font Color — inherits from the font section, but can be overridden per heading level

Changes here apply globally — every H1 (or H2, H3, etc.) across all pages will reflect the update.

Configure Body Text Styles

Select Body Text in the panel. Font Family will already inherit from the font section. Set:

• Font Size — 16–18px is recommended for paragraph text
• Link Font Styles and Hover Font Styles

Publish the Theme After Making Changes

After setting any global styles, always click Publish Theme. This propagates your text styles to all templates using the global theme settings.

Avoid Setting Font Styles Inline on the Page

Do not use the page editor toolbar to set font sizes or font families for headings. Doing so creates an inline style hard-coded directly into the HTML, which:

1. Creates inconsistency — other headings of the same level will still inherit from global settings
2. Breaks mobile responsiveness — Generator can no longer override the size on mobile, leaving an oversized heading (e.g., 72px) locked in place

If you accidentally set inline font styles, hover over the text and click the TX button in the toolbar. This clears all inline font styles and resets the text back to global theme defaults.