Read more about this topic in our blog post here.
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.
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.
We offer free lifetime update support.
Setting up a child theme guarantees you will continue to receive the updates via the marketplace!
HubSpot Knowledge-Base:
→ Update Theme in Your AccountSearch 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":
HubSpot Knowledge-Base:
→ Site Search FAQMost likely the wrong version of jQuery is configured in your HubSpot settings.
Please follow the instructions here to configure the proper version of jQuery.
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.
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 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.
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.
By setting the background image to "right" the image would be cropped on the left side to retain the focus on the right.
You can configure the dimensions of the logos directly in the header module. Please watch this video for further insights.
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.
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.
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.
Once you have the rich text module added to the page, you will click on "Advanced" from the menu, then "Source Code."
This will open a dialog box which is where you will paste your embed code.
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.
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:
You can insert this as Link to "URL" and simply add a # before the id you chose.
IMPORTANT - the id should be lowercase.
Anchor Link ID => test
Link to External => #test
HubSpot Knowledge-Base:
→ Insert and Manage Anchor LinksThere 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.
The comparison table is a feature of the Power Sec Pricing module, you will find the option under layout:
The copyright text can be configured directly in the footer module. Please watch this video for further details.
You can configure the dimensions of the logos directly in the header module. Please watch this video for further insights.
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
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.
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.
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.
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:
This is also where you can choose to Overwrite Header Settings to make the header unique for the individual page:
