Question 1

How can I add a new module, section, or layout to a HubSpot page?

Accepted Answer

In the left sidebar of the editor, click the plus (+) icon to open the elements drawer. Browse the tabs for modules, sections, or layouts and choose the one that fits your goal. Drag the selected element to the desired location on the canvas, and HubSpot will automatically insert it. You can continue dragging items until the layout meets your design vision. This flexible system lets you build pages without writing code.

Question 2

How do I use AI Translate to speed up page translation in HubSpot?

Accepted Answer

From the File menu, hover over Multi-language and choose AI Translate. Select the source language and the language you want to translate into, then click Translate. HubSpot generates an automated translation of the page, which you can refine for accuracy and tone. This tool accelerates localization, especially for large pages or teams without dedicated translators. It helps you reach international visitors faster while still allowing manual edits for nuance.

Question 3

How do I create a new web page in HubSpot CMS?

Accepted Answer

Open the main navigation menu and click Content, then choose the type of page you want to make. In the top-right corner press Create and pick Web pages. A dialog box lets you choose the website domain and enter a page name; clicking Create Page starts the build. Next, select a template and you will be taken to the content editor where you can add sections and modules. The overall workflow is identical for website and landing pages. Following these steps gets you to the point where you can begin designing the page’s content.

Question 4

What controls are available for styling, cloning, or deleting modules in HubSpot pages?

Accepted Answer

Hover over a module and click the pencil icon, then select the Styles tab to adjust alignment, spacing, and other design settings. If you need an exact copy of a module, choose the clone icon to duplicate it instantly. To remove a module entirely, click the trash icon. These quick-access controls help you refine the design without leaving the page editor and reduce repetitive work.

Question 5

How does the HubSpot page approval workflow function and which subscription tiers include it?

Accepted Answer

Accounts on Professional or Enterprise plans can enable an approval workflow. When active, the Publish button is replaced with Request approval, prompting you to pick an approver. HubSpot then emails the selected editor or stakeholder, notifying them that the page is ready for review. This ensures all content meets brand and compliance standards before it goes live. Using approvals fosters collaborative governance and reduces the risk of publishing errors.

Question 6

Which general settings should be customized before publishing a HubSpot page?

Accepted Answer

Open the Settings tab in the top-left of the editor and choose General. Enter a descriptive page title, which also appears in search engine results. The system auto-generates the page URL slug, but you can manually adjust it for readability and SEO. Add a meta description to summarize the page for search listings and select a campaign to associate tracking data. Filling out these details ensures the page is correctly indexed and attributed in your reports.

Question 7

How can I preview a HubSpot page and share it with others before publishing?

Accepted Answer

Click Preview in the upper-right corner of the editor to open a live preview. Use the icons at the top-right of the preview window to switch between desktop, tablet, and mobile views, ensuring the design works on every device. To collaborate with teammates, click Copy link to generate a shareable URL of the unpublished page. Recipients can review the layout and content without needing access to the editor. This process helps you catch issues early and gather feedback efficiently.

Question 8

When should I run a multivariant test in HubSpot and which plans support it?

Accepted Answer

A multivariant test is ideal when you have several ideas and want to understand how multiple changes interact, such as testing different headlines, images, and calls-to-action simultaneously. This method uncovers the best performing combination rather than just individual tweaks. Because it requires more data to reach significance, it suits pages with substantial traffic. The feature is available only to Enterprise customers, making it a premium capability. Companies with the necessary volume and subscription level can leverage it to refine complex page elements systematically.

Question 9

How do I set a featured image for a HubSpot page link preview?

Accepted Answer

In the same Settings panel, go to Featured image and toggle the feature on. Click Select image to choose or upload the picture you want. The selected image becomes the thumbnail shown when the page link is shared on social media or chat platforms. Using an engaging visual can improve click-through rates and brand consistency across channels. Remember to use an image that represents the page content clearly.

Question 10

What does the forward slash shortcut do in HubSpot rich text modules?

Accepted Answer

Typing a forward slash triggers a quick-insert menu of content options. The list includes elements like headings, quotes, dividers, and more, letting you add new components without leaving the module. One notable option is the AI image generator, which can create royalty-free images on the spot. This shortcut speeds up content creation and keeps your workflow inside the editor.

Question 11

How do I choose the domain and internal name when creating a page in HubSpot?

Accepted Answer

After clicking Create and selecting Web pages, a dialog box appears prompting you to pick the website domain you want the page to live on. You simply choose the correct domain from the dropdown list. In the same dialog you type the internal page name, which helps keep your content organized. Once both fields are filled, click Create Page to move on. These initial selections establish where the page will reside and how it will be labeled inside HubSpot.

Question 12

How do I publish a HubSpot page immediately or schedule it for later?

Accepted Answer

To publish right away, click Publish in the upper-right corner of the editor. If you want to set a future date, open the Publish dropdown, choose Publishing options, tick Schedule publish for later, and specify the date and time. Click Schedule to confirm, and HubSpot will automatically release the page at the chosen moment. This flexibility lets you coordinate launches with campaigns or time-zone considerations. Scheduled publishing helps maintain consistent content calendars without manual intervention.

Question 13

How do I move modules or resize columns in the HubSpot editor?

Accepted Answer

To reposition a module, hover over it until the grab-handle appears, then drag it to a new spot on the page. Column widths can be changed by clicking and dragging the section divider left or right. These visual controls update the layout instantly, giving you fine-tuned control over spacing and arrangement. The system’s flexibility means you can experiment freely until everything aligns just right.

Question 14

How do I select and preview templates for a HubSpot page?

Accepted Answer

Immediately after creating the page you are shown a gallery of templates. You can click Preview template in the bottom-left corner of any option to see how it looks before committing. When you find a design you like, click Select template to apply it. The system then opens the content editor with that template in place. Previewing first ensures the layout and visual style match your needs and saves time on later adjustments.

Question 15

How do I add and format content in a rich text module on a HubSpot page?

Accepted Answer

Click into the rich text module to open the inline editor. You can type or paste text, format headings, add lists, and insert images or hyperlinks. Toolbar options let you adjust styles such as bold, italics, and alignment. The module also supports embedding media, making it versatile for most content types. All changes appear immediately on the canvas, so you always know how the final page will look.

Question 16

What happens after an approver signs off on a HubSpot page?

Accepted Answer

Once the designated approver completes their review, HubSpot updates the status, and the Publish option becomes available again. The original author can then publish immediately or schedule the page as usual. This final step preserves the audit trail of who approved the content and when. It also maintains accountability within the content team. The process helps organizations adhere to formal content governance policies without slowing down production.

Question 17

How can I create a multi-language variant of a HubSpot page?

Accepted Answer

Open the File menu, hover over Multi-language, and select Create multi-language variant. In the popup, pick the target language from the dropdown list. HubSpot then creates a linked copy of the page where you can provide translated content. This setup keeps all language versions organized under one umbrella, making management and analytics easier. Offering localized pages improves accessibility for global audiences.

Question 18

How can I view an outline of sections and modules in the HubSpot page editor?

Accepted Answer

Inside the content editor you can scroll down for a quick view of the entire template. For a structured outline, click the content icon on the left sidebar. This gives you a bird’s-eye view of every section and module on the page. Having this outline makes it easy to jump directly to a specific area for edits. It is a helpful way to keep complex pages organized and manageable.

Question 19

How do I edit an existing module on a HubSpot page?

Accepted Answer

Click directly on the module you want to change inside the content editor. Many modules open a panel on the left where you can adjust text, images, and other settings. Edits happen in real time so you can instantly see the results. This point-and-click approach removes the need for coding knowledge. It streamlines updates and keeps content changes straightforward.

Question 20

How does the optimization sidebar improve SEO for a HubSpot page?

Accepted Answer

Click the optimize icon in the left sidebar to see a checklist of SEO recommendations. Completed areas show a green checkmark, while items needing attention display a numbered badge. Each suggestion includes guidance on how to fix the issue, such as adding alt text or improving meta descriptions. As you address each point, the list updates in real time. Following these prompts helps raise the page’s search engine performance before it goes live.

Question 21

Does HubSpot allow drag-and-drop of saved content embeds, and which subscription tiers include this feature?

Accepted Answer

Yes. If you are on Content Hub Professional or Enterprise, the module list in the left sidebar includes your saved content embeds. You can drag any embed directly onto the canvas just like a normal module. This allows you to reuse previously created content blocks without rebuilding them. The drag-and-drop functionality speeds up page assembly for customers at these higher subscription tiers.

Question 22

What is the difference between website pages and landing pages in HubSpot?

Accepted Answer

Website pages are meant for broad site content such as home, About Us, FAQ, or Contact pages and aim to inform and engage visitors as they explore the site. Landing pages are single-purpose pages tied to specific campaigns or offers and focus on lead capture. A landing page typically features a form that exchanges something valuable, like an ebook, webinar, or free trial, for a visitor’s details. By contrast, a website page supports navigation and general brand messaging rather than a single conversion goal. Understanding this distinction helps you choose the right page type for each marketing objective.

Question 23

Which additional settings can be configured when editing a HubSpot page?

Accepted Answer

Beyond the basics, you can adjust the template selection, set the page language, and configure audience access controls. There are also advanced settings for more technical needs such as custom head HTML or password protection. These options let you tailor the page experience to specific visitor groups and compliance requirements. Taking time to review them helps align the page with wider site policies.

Question 24

What is the difference between an A/B test and an adaptive (multivariate) test in HubSpot?

Accepted Answer

An A/B test compares two variants of a single element or page, such as headline wording or button color. It is efficient when you have one clear hypothesis to validate and is available on Professional and Enterprise tiers. An adaptive (multivariate) test lets you examine multiple variants of several elements at once, revealing how different combinations affect user behavior. While more comprehensive, adaptive tests need higher traffic and more time to produce statistically significant insights. Users should choose between them based on the scope of their questions and expected visitor volume.

Question 25

In HubSpot CMS, how do modules relate to templates within a page layout?

Accepted Answer

Templates are constructed by arranging multiple modules in rows or columns, creating the page’s visual framework. Inside the editor, marketers can add new modules, remove unwanted ones, or reposition them to change the layout. Since each module is self-contained, swapping them doesn’t disturb the rest of the design. This modular approach keeps templates flexible while still enforcing brand styling. It also lets non-developers build rich pages through simple drag-and-drop actions.

Question 26

What is an example of an industry-specific theme module in HubSpot CMS?

Accepted Answer

A fitness-studio-focused theme might ship with a dedicated class-listing module. This module would let marketers showcase class names, schedules, and instructor details in a format styled to match the rest of the site. Because it is part of the theme, fonts, colors, and button styles remain consistent. Marketers simply enter class data in the module’s fields, and the theme takes care of presentation. Such specialized modules save time and ensure design cohesion for niche businesses.

Question 27

What assets are included within a HubSpot CMS theme?

Accepted Answer

A theme can contain templates, modules, images, and pieces of global content. Templates provide page blueprints, modules supply reusable content blocks, and images store branded visuals. Global content elements like headers or footers are also packaged so they stay uniform across the site. Because all of these parts live inside the theme folder, they automatically inherit the theme’s styling settings. Bundling them this way keeps maintenance straightforward and consistent.

Question 28

What are theme modules in HubSpot CMS and how are they created?

Accepted Answer

Theme modules are designed and coded by the developer who built the theme, ensuring they inherit all of its styles and settings. They are packaged with the theme so marketers automatically gain access to them when the theme is installed. Because they match the theme’s design tokens, they blend seamlessly with existing pages. Theme modules often address industry-specific needs or common layout patterns relevant to that theme. Their availability helps marketers maintain consistency while adding advanced components.

Question 29

What are modules in HubSpot CMS?

Accepted Answer

Modules are the basic building blocks of templates, providing reusable chunks of content such as text areas, images, or forms. Each module has its own editing controls so marketers can update content without affecting the module’s styling rules. Because modules are reusable, the same element can appear across many templates while remaining centrally managed. Using modules speeds page assembly and keeps design consistent. They are integral to HubSpot’s drag-and-drop editing experience.

Question 30

In HubSpot CMS, what are custom modules and when should you use them?

Accepted Answer

Custom modules are built by developers to address needs that default or theme modules cannot satisfy. They can incorporate advanced functionality—like interactive charts, dynamic team profiles, or specialized banners. Because they’re coded specifically for the site, they offer extensive flexibility in both design and behavior. Teams turn to custom modules when they require unique features or complex integrations. They enable a site to grow beyond out-of-the-box components.

Question 31

What options does HubSpot CMS provide for teams who need a theme but lack developer resources?

Accepted Answer

HubSpot provides a library of pre-built themes that marketers can install directly from the platform. These ready-made themes come with professionally designed templates and modules that already follow best-practice styling rules. Users can customize colors, fonts, and imagery through the theme settings panel without touching code. This approach lets teams launch or redesign a site quickly when developer resources are limited. It also serves as a starting point that can later be extended by a developer if needed.

Question 32

In HubSpot CMS, what happens site-wide when you update the company logo in a global header?

Accepted Answer

Changing the logo inside a global header automatically updates that logo on every page where the header is used. The system propagates the new image across the full website without additional edits. This guarantees that all pages display the latest brand mark immediately. The same automatic update would occur for any other change, such as navigation text or contact icons. Global propagation keeps the site consistent and reduces manual labor.

Question 33

How does a HubSpot CMS theme influence website design and branding?

Accepted Answer

The theme sets the overarching visual identity for every page on the site. While individual pages can receive layout or style tweaks, the core typography, color palette, and spacing rules come from the theme. This ensures that each new page matches established branding without manual re-styling. Because the theme acts as the design authority, marketers avoid inconsistencies that can creep in over time. It ultimately safeguards brand integrity across the entire web presence.

Question 34

What are templates in HubSpot CMS?

Accepted Answer

Templates are individual files that control the layout and functionality of website pages. Each template defines which modules appear and how they are arranged on the page. Whenever a new page is created, it is based on one of these templates, ensuring a consistent structure across similar content types. Templates can include drag-and-drop areas to keep editing flexible. They act as blueprints that marketers fill with actual content before publishing.

Question 35

What types of templates are available in HubSpot CMS?

Accepted Answer

HubSpot CMS offers three template categories: page templates, blog templates, and system templates. Page templates are intended for standard website pages like landing pages or service descriptions. Blog templates handle posts and listing pages for ongoing content marketing. System templates govern functional pages such as error screens or search results. Each type is optimized for its specific content and user experience needs.

Question 36

Why is global content useful for managing headers and footers in HubSpot CMS?

Accepted Answer

Headers and footers need to look exactly the same on every page to reinforce branding and improve user navigation. By making them global, a team edits these elements only once and the change instantly reflects across the site. This prevents accidental inconsistencies in logos, menus, or contact details. It also saves time because marketers no longer update each page individually. Consistent headers and footers create a cohesive and professional user experience.

Question 37

In HubSpot CMS, what are default modules and which elements do they cover?

Accepted Answer

Default modules ship with every HubSpot CMS account and provide staples such as text blocks, image fields, buttons, and forms. Because they’re pre-configured, they work out of the box with any theme. These modules handle everyday content needs without custom coding. Marketers can drop them into templates to build pages quickly. Their ubiquity makes them a reliable foundation for most web projects.

Question 38

Where can marketers get custom modules for HubSpot CMS if they cannot build them themselves?

Accepted Answer

Marketers can source custom modules from HubSpot’s Asset Marketplace, where developers list pre-built components for purchase or download. These marketplace modules come with documentation and can be installed directly into a portal. Once added, they are edited just like any other module in the page editor. Alternatively, teams can hire a developer to craft bespoke modules tailored to their exact specifications. Either route expands functionality without compromising theme consistency.

Question 39

What key principle should you remember about themes, templates, modules, and global content when creating pages or blog posts in HubSpot CMS?

Accepted Answer

Always keep the hierarchical relationships among themes, templates, modules, and global content in mind. Understanding which level controls design versus content helps you make smart edits without unintended side effects. For example, altering a theme affects the whole site, while adjusting a page touches only that instance. Recognizing these boundaries prevents accidental branding inconsistencies. It also streamlines collaboration between developers and marketers during ongoing site maintenance.

Question 40

How can marketers use HubSpot CMS themes to make site-wide style changes without writing CSS?

Accepted Answer

Theme settings expose high-level controls for fonts, colors, buttons, and spacing, so marketers can adjust them globally from an interface. When a setting is changed, the update flows throughout every template and module that references that style token. This eliminates the need to open code or write custom CSS for site-wide adjustments. As a result, marketers can refresh the look of dozens of pages in minutes. The process also minimizes developer involvement for routine design tweaks.

Question 41

What steps should you take before publishing changes to global content in HubSpot CMS?

Accepted Answer

Always preview global content updates to understand their site-wide impact. The preview shows how a change will look across all pages that reference the global element. Reviewing ensures no unintended layout shifts or branding issues appear. After confirming everything displays correctly, you can confidently publish. Skipping this step risks propagating errors throughout the entire site.

Question 42

In HubSpot CMS, how do themes, templates, and pages relate to each other?

Accepted Answer

Themes sit at the top of the hierarchy, defining the universal design system for the site. Within a theme are multiple templates that all carry the same branding and styling cues. Templates function as blueprints that dictate structure and available modules. Pages are the finished, published pieces of content created from those templates and filled with text, images, or forms. Understanding this relationship helps teams know where to make style versus content changes.

Question 43

In HubSpot CMS, how many pages can be generated from one template?

Accepted Answer

A single template can power dozens or even hundreds of different pages. After one template is built, marketers can clone it repeatedly, swapping in new text, images, and modules as needed. This one-to-many relationship speeds up site creation because no new code is required for each page. It also keeps structural consistency, making large sites easier to maintain. Ultimately, one well-designed template scales content production efficiently.

Question 44

In HubSpot CMS, what types of content can be built with page templates, blog templates, and system templates?

Accepted Answer

Page templates can only create regular website pages, giving marketers flexible layouts for marketing or informational content. Blog templates are restricted to blog posts and blog listing pages, ensuring consistent formatting for articles. System templates are reserved for operational pages, including login prompts, search results, or subscription confirmations. Because each template type is purpose-built, using the correct one ensures the right functionality and styling. This separation also makes site maintenance clearer and more organized.

Question 45

What customization options does the HubSpot drag-and-drop editor provide for modules?

Accepted Answer

In the drag-and-drop editor, users can insert additional modules, delete existing ones, and rearrange their order on the page. Each module’s content—like text copy, images, or form settings—can be edited inline from the same interface. Users can also adjust spacing or alignment without writing code. These controls make it easy to tailor each page while still adhering to the theme’s overall design. The process is designed for speed and ease of use for non-technical team members.

Question 46

What are the three main types of modules in HubSpot CMS?

Accepted Answer

HubSpot classifies modules into default modules, theme modules, and custom modules. Default modules come with the CMS and cover common needs like rich-text areas, images, or forms. Theme modules are created specifically for a given theme by its developer and follow that theme’s styling rules. Custom modules are purpose-built—often by developers—for specialized or complex functionality. This classification helps teams select the right module based on their design and feature requirements.

Question 47

What is global content in HubSpot CMS?

Accepted Answer

Global content refers to elements that are created once and then reused across multiple pages. Common examples include headers, footers, or navigation bars that must remain identical site-wide. Storing them as global modules or groups means a single update propagates everywhere they appear. This approach guarantees brand consistency and reduces repetitive editing. It streamlines maintenance for site-wide components.

Question 48

In HubSpot CMS, which website pages are typically built with system templates?

Accepted Answer

System templates typically power essential utility pages rather than marketing content. Examples include 404 error pages, password prompt pages, search results pages, and subscription preference pages. These pages share a consistent design provided by the theme but often contain specialized functionality. By isolating them as system templates, teams keep critical site operations stable even when other pages are redesigned. It also ensures that end-users receive a coherent experience during technical interactions with the site.

Question 49

What is a theme in HubSpot CMS?

Accepted Answer

A theme is a packaged collection of design and content assets that work together to create a marketer-friendly editing experience. It bundles everything needed for consistent styling, including templates, modules, images, and shared content. By using a theme, teams establish a single source of truth for typography, colors, and layout rules. This framework lets developers build once and then hand control to marketers for everyday updates. The result is a website whose look and feel stay cohesive even as new pages are added.

Question 50

How do I edit the content (text, images, links) inside a module in Content Hub?

Accepted Answer

After selecting a module, switch from the Styles tab to the Contents tab in the left sidebar. This area provides input fields, rich-text editors, or configuration options tailored to that specific module type. You can replace images, rewrite text, update links, or adjust data sources directly from this panel. Content edits occur independently of style edits, allowing you to change wording or images without affecting layout settings. This separation simplifies routine updates and protects design integrity.

Question 51

Which background and spacing settings can be adjusted for a page section in Content Hub?

Accepted Answer

Within the expanded Background section of the style panel, you may assign a solid color or upload an image that covers the chosen area. Additional fields let you control how the image is positioned and repeated. In the Alignment and Spacing section, you can set content alignment—such as left, center, or right—and configure both padding and margins to adjust internal and external spacing. These controls give you granular command over how content is framed and separated on the screen. Proper use of background and spacing tools improves readability and reinforces brand aesthetics.

Question 52

Does the Content Hub editor save changes automatically, and how can I perform a manual save?

Accepted Answer

All modifications you make in the editor are automatically stored as you work, safeguarding your progress in real time. When you finish a round of edits, you can optionally click the "Save" button in the upper right corner to reinforce the update. Manually saving is useful if you want reassurance that changes are locked in before navigating away. Automatic and manual saves both preserve the latest version of your design so nothing is lost. This dual system provides extra peace of mind during lengthy editing sessions.

Question 53

What options exist for hiding, renaming, cloning, or deleting sections and modules in Content Hub?

Accepted Answer

Hover over the desired module or section name in the sidebar list and click the three-dot menu. From this menu you can choose to hide the element on the current screen size, rename it for clearer identification, clone it to create a duplicate, or delete it entirely. You can also delete directly in the preview by hovering over the element and clicking the trash icon. These management tools provide quick control over content without digging through settings. Efficiently organizing elements keeps page maintenance simple and reduces design clutter.

Question 54

What is the process for adding and repositioning modules with drag-and-drop in Content Hub?

Accepted Answer

To add a module, click and hold the module name in the sidebar, then drag and drop it into the desired spot on the page preview. Once placed, you can move the module by dragging it to a different location, allowing rapid experimentation with layout ideas. The same drag-and-drop approach works for entire sections, rows, and columns, so you can restructure large areas with a single gesture. Visual cues show valid drop zones, helping you position elements precisely. This intuitive interaction makes layout changes quick and error-free.

Question 55

How do I quickly duplicate an entire section, row, or column in Content Hub?

Accepted Answer

Locate the section, row, or column you want to replicate in the left sidebar content list. Hover over its name, click the three-dot menu, and select "Clone." The system immediately creates an identical copy, including all nested modules and styling, and inserts it beneath the original. You can then drag the new copy to a different position if needed. Cloning accelerates page building by reusing proven layouts without starting from scratch.

Question 56

What are the recommended steps to update styling, formatting, and layout on a Content Hub page?

Accepted Answer

Begin by opening the desired page in the editor and decide whether you need global changes via the theme editor or local changes within the page itself. Use theme settings for brand-wide updates, section or module styles for localized adjustments, and the content tab to edit text or images. Drag-and-drop new sections or modules to refine layout, and rearrange elements until the page meets your goals. Preview your edits, use undo or reset tools to correct mistakes, and rely on automatic saving—or click Save manually—to preserve your work. Following these steps ensures a structured, efficient workflow for optimizing new or existing pages.

Question 57

In Content Hub, how can I preview theme changes on different page templates before publishing?

Accepted Answer

While inside the theme editor, use the drop‐down menu located in the upper left corner to switch among your website pages and template types. Selecting a different template instantly shows how the new styles will appear on pages built from that template. This preview capability lets you confirm that global changes look correct on blog posts, landing pages, or other layouts before publishing them. By toggling between templates, you can identify and correct any spacing or color issues early. The feature streamlines theme adjustments by giving immediate visual feedback across multiple page varieties.

Question 58

How do I add new sections or modules to change a page layout in Content Hub?

Accepted Answer

Click the plus icon that appears in the editor to open the library of available sections, modules, and layouts. Choose a pre-built section or individual module and drag it into the interactive preview where you want it to appear. You can repeat this process to build complex page structures quickly. Removing or rearranging elements is equally simple: just drag existing items to new positions or use the delete option. These drag-and-drop tools allow non-technical users to customize page layouts without code.

Question 59

How can I apply custom styles to an individual module on a Content Hub page?

Accepted Answer

Select the module you want to edit by clicking it in the interactive preview or in the left sidebar list. Once selected, a Styles tab appears in the left panel that contains options specific to that module type. Opening this tab lets you adjust visual settings such as spacing, background, borders, and opacity for the module alone. Because these adjustments are module-specific, they do not interfere with other elements on the page. This method is ideal for fine-tuning single widgets without changing the overall layout.

Question 60

When you update theme settings in Content Hub, how do the changes affect existing and future pages?

Accepted Answer

Any adjustment you make inside the theme editor instantly applies to all pages that rely on that theme. For example, modifying a heading font or brand color will update every page that uses the theme, maintaining consistency throughout the site. These global edits eliminate the need to restyle pages individually, which speeds up large‐scale design changes. Because the impact is site‐wide, even new pages you create later will automatically adopt the updated styling. The theme therefore serves as a single source of truth for your website’s visual identity.

Question 61

Where can I locate theme-specific modules and other module categories in Content Hub?

Accepted Answer

Inside the add-module panel, look for a section labeled "Theme" near the top. Modules listed under this heading are designed expressly for the current theme and will match its styling out of the box. Below the theme area, you will see additional categories containing generic or specialized modules that can be added to any layout. Having both theme-aligned and general modules gives you flexibility to stay on brand while introducing new functionality. This organized structure speeds up the search for exactly the module you need.

Question 62

What design properties are commonly available for individual modules in Content Hub?

Accepted Answer

The available settings depend on the module type, but common options include alignment, padding, margin, background color or image, border styling, and transparency. For interactive elements like forms, you can also modify how the form field itself is displayed as well as the container around it. Adjusting these settings lets you highlight important modules or harmonize them with your theme. Because each module offers its own style panel, you can achieve a precise look without coding. These controls make it straightforward to maintain both functionality and aesthetics.

Question 63

How can I open the theme editor in Content Hub to change global site styles?

Accepted Answer

Open Content Hub and navigate to the page whose design you want to adjust. Click the page name to enter the page editor, then locate the "Edit" drop‐down menu at the top of the screen. From that menu, choose the "Theme" option to move directly into the theme editor. This interface lets you alter global style settings that affect every page on the site. Entering through the page editor ensures you are editing the correct theme associated with your current content.

Question 64

What tools in the Content Hub page editor let me style entire sections, rows, or columns?

Accepted Answer

Once back in the page editor, the left sidebar displays an accordion list of editable areas. Hover over any section, row, or column and click the three‐dot menu that appears on the right. Choosing "Edit styles" opens a dedicated panel where you can adjust design settings for that specific area. These controls allow you to apply background colors, images, padding, and margins without affecting other parts of the page. Using these tools, you can fine-tune the look of large page segments while still preserving your global theme.

HubSpot Academy Learning Opportunities

All Training

Certifications

Academy Onboarding

HubSpot Success Center

Getting Started With HubSpot's Free CMS Tools

Includes

Lesson description

Watch preview

Instructors

Rachel Sheldon

Brooke Bond

Jenn Sanchez

Why learn with Academy?

It's Free

It's personalized

It's global

Share this lesson