Skip to content
maka-img_mm_marketplace
maka marketplace

Discover Products to help you POWER up with CMS Hub

maka-img_mm_power-pro
Power Pro Theme

Check out the POWER demo and see all the latest features

maka-img_mm_performance
Performance

POWER is optimized to perform, review the results

maka-img_mm_customer-showcase
Customer Showcase

See how our customers used the POWER Theme

POWER Pro V25 released on August 18th 2022 – Read Changelog

maka-img_mm_documentation_3
Getting Started

Follow our guide to save time and avoid missing a step

maka-img_mm_module-library
Module Library

From page speed impact to set up instructions, you'll find it all

maka-img_mm_video-tutorials
Video tutorials

Find all POWER videos in the same spot for quick answers

maka-img_mm_faq
FAQs

Have questions?
We have answers

Experiencing an issue with POWER? Submit a support ticket here

maka-img_mm_about-us
About us

“Would I rather be feared or loved? Easy. Both. I want people to be afraid of how much they love me.”
– Michael Scott, not us

maka-img_mm_blog
Blog

This is mostly a demo right now. We are working on some really cool things around the office.

maka-img_mm_career
Career

Quite possibly the most fun you will have at work, ever. Did we mention how cool we are?

Having issues with POWER?
SUBMIT A SUPPORT TICKET


Schedule a Q&A or Demo
PREPURCHASE CONSULTATION


Looking for Custom Development?
REQUEST A QUOTE


Other questions?
CONTACT US / LIVE CHAT

LIVE Chat 7CT AM – 7CT PM – Get in touch here

Frequently Asked Questions

All things CMS Hub, HubSpot Themes, POWER Theme Settings, and Module Features

QUICK ANSWERS

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!

Find all the resources we recommend for CMS Hub Basics.

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 templates vs themes 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 our Customer Showcase.
Does POWER support HubDB?

The modules do not include an option to automatically connect HubDB.

To connect HubDB, we have developed an elegant coded solution that allows us to help you or your dev team to connect POWER modules with HubDB.

For instructions or help with connecting HubDB, please use this form to reach us with more details about what you're looking for.

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:
 
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 set up 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 using 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 set up 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. 

GDPR + IMPORTANT UPDATES
My font needs to be GDPR compliant and not use the GOOGLE API, How do I do this?

We are working on a solution within the theme to make this easier to control that will be included in an upcoming release.

There is a workaround solution we have created to allow your site to render the fonts without the Google API.

This requires configuring the Google Fonts as a Custom Font (following the instructions in the Custom Font Documentation) and modifying the Base and Accent font in the Theme Settings to default to Helvetica.

Please submit a ticket and we'll be happy to complete the custom font setup for you.

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. How do I fix this?

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

 

What does it mean if the setting says DEPRECATED?

Sometimes when new features get added to a module, we can't modify existing settings without impacting live sites for existing customers.

In these situations, we create a new setting that allows for the new features and flag the old setting as DEPRECATED.

Doing so avoids any disruption to existing customers and allows all customers to take advantage of new features.

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.

HubSpot Video

 

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.

HubSpot Video
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, you will see at least 2 templates in the dropdown for POWER.

If you have more than one child theme or an old clone, you will see one template per instance of the theme.

When you click in the box to select a template, a search bar will appear. Search for your child theme by name, for example:

child theme = POWER x CompanyName

search = company

The templates will narrow down to the child theme, so make sure you search by the most unique word in your child theme name to easily select from the list.

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

 

COULDN'T FIND AN ANSWER?

Create a support ticket and we will get back to you within one working day.

NEVER MISS A POWER UPDATE

We are continuously improving our modules and updating our documentation. Stay in the loop.