FAQ

FAQs / QUICK ANSWERS

Find a quick answer for a known issue or a how-to-do question.

GENERAL
I'm new to HubSpot and/or using Website Themes, help!? Completing the HubSpot CMS for Marketers certification will help you understand the components used to build your website in CMS Hub!
What is the difference between the template pack and theme? The Full Pack is based on HubSpot's old drag and drop templates, and the Theme is based on the new coded templates, which come with many advantages like a more sophisticated drag-and-drop functionality and the theme settings, where you can customize all of the theme templates and configure the website on a global level – all without hiring a web-developer.
Read more about this topic in our blog post here.
I purchased one of your products. Where can I find the invoice? Unfortunately, the purchase process in the marketplace does not automatically generate an invoice. Please complete this form and we will create an invoice for you.
Is there a list of websites using POWER? Yes, have a look at this page.
Does POWER support HubDB? HubDB is not supported by default. Of course, the modules can be altered to support HubDB, but that would require custom coding. If you want to discuss specific requirements, please contact us here.
How often can I expect an update?

We are working day-in and day-out to update the POWER Pro Theme. Generally, we are updating once a month.

Please, have a look at our changelog to read more about the updates we release.

Do I get support with purchasing the theme?

Yes, we provide free lifetime support for all issues regarding the theme itself. Please note that custom features or functionalities are excluded from the free support.

We offer limited consultation, custom design, and development services based on an hourly rate.

How long will I be eligible to updates?

We offer free lifetime update support.

Setting up a child theme guarantees you will continue to receive the updates via the marketplace!

How do I update to the newest version of the Theme?
HubSpot Knowledge-Base:
→ Update Theme in Your Account
 
You can view a list of the updates made on our Changelog to see all of the new features.
 
Updates are made to the marketplace theme, the updates are automatically applied to your child theme unless you have made customizations to specific modules or templates within your child theme.
 
If you are working from a cloned version of the theme, the updates have to be applied manually unless you convert to a child theme. Please submit a ticket for guidance.
Site search is not working, how do I fix it?

Search only works if the page has been published, if you are using content staging you will not be able to test search settings until you have published your site/pages.

If you have search enabled in your global header, you can modify the search parameters in the content tab under "Search Settings":

search-settings-properties

search-settings-page-types

 

HubSpot Knowledge-Base:
→ Site Search FAQ
THEME SETUP
Do I have to create a child theme?

We highly recommend you set up a child theme of the marketplace POWER THEME before you start configuring and building your site.

This gives you, us, or a third party the ability to change code, extend it with specific requirements, or change styles that are not configurable at this stage, and retains the ability for updates to be applied from the parent theme as they are released. 

Instructions to setup a child theme.

Check out the video tutorial for setting up a child theme.

Where can I find the images used in the theme? All stock images are licensed, included, and ready to be used with the POWER Theme. You are allowed to use all included images in combination with the POWER Theme for your website.
Please keep in mind that you are not allowed to use the included images in any other context.
You can find them in the Design Tools in the main POWER THEME all images are located in the sub-folder named images.
What is the proper format for the logo?

We highly recommend to use an SVG file for the logo since it is vector based.

If you don't have an SVG file, we recommend converting your JPEG or PNG to WebP (files are ~26% smaller).

A width of about 120 pixels works best in our theme.

Can I setup more than one brand in my account?

Once you have purchased the theme, you can setup up to 5 child themes that each have unique branding within the same account.

CMS Hub Enterprise users can setup up to 10 child themes.

Setting up a child theme is critical to ensure theme updates are applied, using a child theme is highly recommended whether you are using just one or more than one.

The font I need is not listed. How can I use it in my theme?

The theme accesses the Google Fonts library (browse available fonts) by default. If you are using Adobe Fonts (formerly Typekit), another online font service, or if you have licensed font files, these can be added to your child theme to override the theme settings.

You'll need to know the location of your fonts (either the font library URL or the font file URL from HubSpot files for each font) and which font will be the base font and which will be the accent font.

More detailed documentation coming soon for setting up Custom Fonts on your own, in the meantime, if you are not a developer or unable to make the updates on your own, please submit a ticket and we'll help with the setup. 

MODULES
Some of my modules do not work properly. What can I do?

Most likely the wrong version of jQuery is configured in your HubSpot settings.

Please follow the instructions here to configure the proper version of jQuery.

Client logo slider doesn't show the logos or the logos are stacked

It looks like the wrong version of jQuery is configured in your HubSpot settings.

Please follow the instructions here to configure the proper version of jQuery.

If I change the layout of the modules it shows an error message.

This happens because of an old bug. We fixed the issue and released an update on February 16. 2021.

Please have look at our changelog for further details. If you purchased before that date, please update the theme.

Some of my images are being cropped on smaller screens.

Some of the images used in the modules are configured as background-images. This way, we can guarantee that the area which should be filled with the image, is always covered completely.

The downside of this method is that depending on the dimensions of the container-element and the image itself, parts of the image can be cropped.

You can set the background position for the image which allows you to control where the focus of the image is, which becomes the new anchor point of the image when it is cropped for smaller screens.

In the section settings under "Style" you'll find an option set a background image/video, when this is enabled you will see an additional setting to control the anchor point for the image.

background-position

For example, if the focal point of your image is on the right, you could set the Background Position to right. Doing this would result in the left side of the image being cropped and retains the focal point of your image on the right side.

In this example, the focal point is the woman on the right.

image-mobile-crop-example

By setting the background image to "right" the image would be cropped on the left side to retain the focus on the right.

The logo in the header module appears too large or too small.

You can configure the dimensions of the logos directly in the header module. Please watch this video for further insights.

Header - Logo Size

 

The images in the logo slider seem misaligned.

By default the logo images are top-aligned with the option to vertically align (v22).

Please make sure that the logo images all have the same dimensions. We recommend a height of 200px. The width depends on the number of visible logos.

How do I change the animation settings for a module?

Animation settings can be set at the global level within the theme and can also be modified per module within the individual module settings.

We recommend you start with modifying the global settings before working with animation settings for individual modules.

You can access the theme settings via “Settings” → “Website” → “Themes” → “POWER THEME” or from the design tab of the HubSpot page-editor.

Review our documentation for animation settings for the theme here.

You can override the global settings for the modules and elements within the modules by clicking on Animation in the Content tab for the module.

module-animation

 

How can I use a video with an embed code?

The POWER Sec Video module allows you to add video to your page using a local file (mp4 saved in HubSpot Files) or a video hosted on YouTube (url).

If you are using a third party service or have an embed code, you can simply use the HubSpot Rich Text Module to add your video embed.

rich-text-module

Once you have the rich text module added to the page, you will click on "Advanced" from the menu, then "Source Code."

Advanced-Source-Code

This will open a dialog box which is where you will paste your embed code.

Why can't I find the anchor link added to the module on the list of anchor links?

HubSpot allows you to define anchor links in rich-text fields and when adding links to the page, you can select the defined anchor links via Anchor on this page.

doc-anchor-link-rich-text-choices

The list of anchor links will only show the ones you configured within the rich-text fields of that page.

This list does not analyze and show all available anchor links, including those setup within the module settings.

If you setup an anchor link via our POWER module and the field Anchor Link ID here:

doc-module-anchor-link

You can insert this as Link to "URL" and simply add a # before the id you chose.

doc-anchor-link-URL-module

IMPORTANT - the id should be lowercase.

Anchor Link ID => test

Link to External => #test

HubSpot Knowledge-Base:
→ Insert and Manage Anchor Links
Why do some modules not have the Shape Divider option?

There are some modules where the layout and HTML structure don't work with the code required for the shape divider to function properly.

These modules don't have the shape divider feature:

  • Sec Content Split
  • Sec Breadcrumbs
  • Sec Values
  • Pillar Page TOC
  • Mini CTA/button
  • Mini Icon
  • Mini Tag
  • All "Sub" Modules

Because "Sub" Modules can be combined to create a single section, it would create conflicts in the code to have shape dividers for these modules. An example is the Sub Team module.

sub-sec-module

 

Where can I find the comparison table module?

The comparison table is a feature of the Power Sec Pricing module, you will find the option under layout:

comparison-table-layout-setting

 

GLOBAL ELEMENTS + DEFAULTS
Where can I change the copyright text in the footer?

The copyright text can be configured directly in the footer module. Please watch this video for further details.

Footer - Copyright Text

 

The logo in the header module appears too large or too small.

You can configure the dimensions of the logos directly in the header module. Please watch this video for further insights.

Header - Logo Size

 

Can I change the color of the header background?

Yes, the background color can be set by the color scheme choice field in the style area of the header module settings.

The color scheme colors can be set in the theme options in your HubSpot settings under Website --> Themes --> POWER THEME --> Colors --> Brand Colors

Where can I change the default text for a module (i.e. "Start Reading" or "Read More")?

For modules that have default text, you will find a setting in the Content tab for "STANDARD TEXT / TRANSLATION" - default text items are text that have to be coded into the theme for the module to display correctly. 

The Standard Text / Translation allows you to change the wording of the default text or add a translation for your language (translation.html also included to override these defaults across the entire child theme).

Learn more about using multiple languages or settings for non-English website.

Why can't I find the blog template to create a website page?

The Blog Listing and Blog Post templates can not be used to create a website page. They are setup with a different page type and need to be setup in your blog settings.

Read our documentation for setting up your blog templates here.

There is more than one system/blog page for POWER on the list, which one do I choose?

When you are setting up system pages or blog templates, you will see at least 2 templates in the dropdown for POWER.

The first should be for the marketplace/parent theme and the second should be your first child theme.

If you have more than one child theme or a clone, you will see one template per instance of the theme. The files follow the same order that they appear in the Design Tools.

It is important to click the preview link to verify you have chosen the right one.

Once you determine the correct template in the dropdown (ex: 2 of 3), the order is the same in each dropdown so to choose the same theme you would always choose the 2nd on the list for this example.

Always preview the templates before saving.

What if the header style does not work for the page design?

With POWER you can also switch between the regular "page" header, "landing page" header, even the "blog" header or you can change the header style settings at the page-level using “Page Settings”.

Choose the header type under "Page Settings" then click the dropdown to select one of the global headers:

page-settings-header

This is also where you can choose to Overwrite Header Settings to make the header unique for the individual page:

header-overwrite