How to Edit Theme Settings in Hubspot

Managing your website design in Hubspot is much easier when you understand how theme settings work across all your pages and templates. This guide explains every step so you can safely adjust global branding, layout, and styles without breaking your site.

Theme settings in your content management system give you centralized control over colors, typography, spacing, and default content for modules and templates. When configured correctly, they keep your site consistent and reduce time spent editing individual pages.

Accessing theme settings in Hubspot

To change global design options, you first need to open your theme settings from the content editor. The exact steps depend on whether you are editing a website page or a landing page, but the process is very similar.

1. In your account, go to your website or landing pages tool.

2. Open any page that uses the theme you want to edit.

3. In the left panel of the editor, locate the theme information section.

4. Click the option to open Theme settings for that active theme.

This opens a side panel or a dedicated settings area where you can configure the appearance and default behavior for content built with your selected theme.

Understanding Hubspot theme settings structure

Once the settings panel is open, you will see sections that control different parts of the theme. The exact layout depends on the theme developer, but most themes expose similar groups of options.

• Branding: logos, favicon, colors.

• Typography: fonts, sizes, line-height.

• Layout: content width, spacing, grid options.

• Buttons and forms: default styles for calls-to-action.

• Header and footer: navigation, top bar, footer widgets.

• Blog and system pages: styling for blog listing, posts, and error pages.

Each group may also contain tabs or nested sections that let you fine-tune appearance and default content for templates and modules that ship with the theme.

Branding and global styles in Hubspot themes

Start by setting global brand elements so all pages share the same visual identity. This is usually defined in a top-level branding section.

Setting your logo and favicon in Hubspot

1. Locate the Branding or Global settings section.

2. Upload your main logo file in a supported format.

3. Configure variations if available, such as dark, light, or mobile logo versions.

4. Upload a favicon to display in browser tabs and bookmarks.

These elements appear automatically in templates that reference the theme logo and favicon fields, removing the need to add them on each individual page.

Configuring global colors and fonts

Most modern themes include a color system and typography controls that cascade throughout your pages.

1. Open the Colors or Design section.

2. Define primary, secondary, and accent colors.

3. Adjust background and text colors to ensure good contrast.

4. Switch to the Typography section.

5. Select heading and body fonts and set base font sizes.

Changes to these settings automatically update headings, body copy, links, and module styles wherever the theme uses global tokens.

Layout and spacing controls in Hubspot

Layout options let you standardize how content sits on the page, improving readability and consistency.

• Content width: choose a maximum width for the main content area.

• Gutters and padding: define space between columns and around sections.

• Corner radius and borders: set global rounding and borders for cards and modules.

When adjusting layout, preview multiple pages to be sure that long-form content, landing pages, and blog posts still look balanced.

Editing default modules and templates in Hubspot

The theme settings also control how modules and templates behave by default. This saves time when your content team creates new pages.

Configuring default module styles

You may see specific controls for modules like buttons, forms, hero banners, or pricing tables.

1. Open the section named for the module type, such as Buttons or Forms.

2. Set default colors, borders, and hover styles.

3. Adjust font weight, padding, and alignment options.

4. Use the preview to confirm accessibility and clarity.

After you save, new modules added to pages will follow these defaults, though individual modules can still be customized in the content editor when needed.

Managing theme templates and page-level behavior

Many themes provide template-specific settings that control elements such as hero sections, sidebar visibility, or blog listing layouts.

• Open template-related sections for blog, landing pages, or system pages.

• Choose layout options such as one-column, two-column, or sidebar variations.

• Toggle elements like featured images, author details, or related posts.

These template settings help you maintain a strong design system while still giving you flexibility for different content types.

Previewing and publishing Hubspot theme changes

Because theme settings affect multiple pages, always preview carefully before applying updates to your live site.

1. Use the preview option in the settings panel to see how changes look on the current page.

2. Open additional pages in preview mode to test different templates and modules.

3. Check designs on desktop, tablet, and mobile views.

4. Once satisfied, click to publish or apply theme settings changes.

After publishing, your updates roll out across all content using that theme, which is why testing is so important.

Troubleshooting Hubspot theme settings

Sometimes changes do not appear as expected. Common reasons include page-level overrides, older templates, or CSS customizations.

• Inspect individual modules to see if they have local styles overriding global settings.

• Confirm the page is using the same theme you edited.

• Check for custom CSS in the theme or page that might conflict with your selections.

• Use preview and revision history to roll back experimental changes.

If you rely on a third-party or custom theme, consult the original documentation for any theme-specific nuances or locked settings.

Additional Hubspot resources

For a detailed reference of every control in the default theme settings interface, see the official documentation on how to edit your theme settings directly from the source: Hubspot knowledge base article on theme settings.

If you need strategic help designing a scalable, conversion-focused site while maintaining clean theme configuration, you can also explore professional support from specialists such as Consultevo.

By mastering theme settings, you create a reliable design system that keeps your Hubspot website consistent, easy to maintain, and ready to grow with your marketing goals.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`