Changelog

Fixed an issue from the previous update where Link onclick events were not firing on Listing items.

Implemented HubSpot's new Post narration (AI voice) feature in all blog templates:

Included the new Pop-up CTA and Payment options to all links:

Introduced a Dark color scheme option for the Timeline:

Added the option to adjust the spacing between Accordion items:

Introduced Item title tag and Item title looks like options to the Accordion module:

Added the option to display a 'No results' message when the Listing search or filtering yields no items:

Included the option to display a legend at the bottom of the Comparison table. After enabling this, you can edit the text at the bottom of each icon settings (the place where you select your Icon image):

In the theme settings, you can now select any header for your landing pages, but the LP headers are still recommended. And you can do the same for the regular website header.

Other minor improvements and fixes.

More updates coming soon!

Introduced a couple of new Theme settings: Miscellaneous > Ghost blur and Ghost blur amount, which allows you to apply a background blur effect to elements styled with the 'Ghost' style option, such as Buttons and Cards, enhancing their visual appearance across your entire theme. This option is enabled by default. If you don't want this to apply on your website, we recommend disabling it from your Theme settings > Miscellaneous after installing the update.

Added categories and tags to all Act3 modules following HubSpot's recommendation for improved module organization within the page editor. We strongly recommend using Theme modules whenever possible.

Changed the label of a few modules that had the same name as default HubSpot modules to prevent confusion. We added (Act3) to their label, for example, Image (Act3).

Updated the Features showcase, Shifter, and Tabs modules to no longer use the onclick attribute, in accordance with new security recommendations.

Other minor fixes and improvements.

Added custom color, gradient, and CSS background options to the Section extra settings:

Examples:

• Custom color or gradient
• External gradient
• External SVG

You can now set Button widths, ideal for creating evenly sized buttons.

Added Badge pill styling using the badge--pill class.

Introduced the possibility to add custom classes to Mega flyouts in the Navigation module.

Timeline text now fully extends to the width of the box when the image is absent.

Addressed a Lighthouse recommendation to enhance the slider's scrolling performance.

Eliminated the extra space from the blog author page when there is no photo.

Removed unused logo, depending on header type (static vs. overlapping); previously hidden only.

Steps navigation now correctly aligns with the text (Wrapper > Text Alignment).

Corrected an issue leading to excess spacing at the bottom of Mega flyouts.

Blog text labels now correctly derive from their respective blog template settings.

Fixed an error that prevented the minification of form.css file.

Resolved an issue where the Video > Embed URL feature was not displaying multiple videos on the page as expected.

Other minor fixes.

Added custom card color options to the Compact card module:

Fixed Steps number icons to use the theme's font instead of a generic one, to keep it consistent with similar elements.

Mobile navigation now closes automatically if an anchor inside is clicked.

Fixed a problem that prevented Lightbox to work inside Listing.

Added Extra large option to Quick features icons.

Added the option to Search specific domains.

Fixed a rendering issue with the Steps SVG icons on Safari.

Added the option to disable the loop on Lightbox mp4/mp3 media files using the noloop class.

Fixed an issue with the position of tooltips on scrolling.

Added an option in the Blog settings to disable the pill shape for the Topics button.

Updated the theme fields to comply with the new marketplace requirements.

We introduced a new template called Blank, no header & footer, which enables you to create pages with a drag-and-drop layout without the global header and footer:

The navigation on the Shifter module can now be styled with buttons:

You can now select a different icon from the HubSpot library for the Scroll to module:

Introduced the option to add Tooltips to the Link buttons on the Button module:

We optimized the CSS generated by the module's Wrapper styles.

Fixed a line break issue with the Info label on the Pricing module.

Added H1 on the tag/topic blog view for SEO. Nothing changed visually.

Appended (Act3) to some module names to distinguish from the default HubSpot modules, as a new Marketplace requirement.

Fixed a Mega Menu position issue in the page editor.

The logo on the sticky header (mobile-only) was the same as from the static or overlapping header, and we corrected that with this update. There is a new module, Sticky header logo (mobile-only), where you can add your version of the logo for the sticky header, on mobile only, as per this header design. Once you update, please check your pages and see if you need to replace the sticky header logo.

We included the Overlapping header option on the Blog 2 Listing. This option may be useful in case you want to add a large hero area at the top of the blog homepage using the DnD area:

We addressed a problem with the Gallery module when the Grid gallery type was set to display 5 columns, but there were actually 6.

The columns on the Blog 1 Post, Blog 2 Post, Blog 3 Post templates now stack on medium screens so the sidebar is no longer too narrow.

Added the option to select a Dark or Light color scheme for the Navigation on the Features showcase module:

Fixed a bug with the Language selector that caused the language to appear in the drop-down, even if the translated variation was only a draft and not published yet.

Fixed a bug with the Team card not showing the Code field when the Icon › Code type was selected.

Fixed an issue that caused black bars to appear in some cases on videos with 16:9 aspect ratio, when the Embed option was used with the Video module.

Updated the Timeline module to remove the date badge entirely if no date is specified.

We no longer attach the CSS and JS files to modules via the meta.json file. Instead we now reference them directly within the module.html^* due to some recent marketplace installation problems; and we decided this is a better method anyway.

Fixed an issue with the Comparison table not displaying correctly on some portals.

Fixed the Collapse description functionality on the Listing › Content card.

Added option to the Mega menu to specify how the browser distributes space between the columns.

Addressed a problem with the accent gradient background not being applied to certain elements in the following components: Compact card, Feature card, Features showcase, Go card, Mobile navigation, Shifter, Side menu, and Timeline. This was caused by a wrong variable being used: accent instead of accent_bg, as designed.

Resolved a problem with the Concave decoration in the Section extra settings module, that caused a half-pixel browser glitch when the page was zoomed-in.

New module available! – Comparison table. Up to 10 columns, freeze first column, scrollable, optional sticky table header, replaceable icons, tooltips, adjustable cell padding and font-size on all screen-sizes, light and dark color schemes, and many other options. Browse a live example.

Videos can now be lazy-loaded:

Slightly improved the user experience with the drop-down component on the Listing module and the blog templates. We removed the placeholder from the drop-down list when nothing is selected, and also made the placeholder and the active category in the drop-down more distinguishable:

Added the option to remove the subscription section/box from the blog templates:

Added Dark color scheme to the Content card module:

Added the option to remove the default space after the title on the Content card module, to allow for more card design options. Use wisely! — this is recommended only if you have a title and some short description or date after. Otherwise we recommend leaving this off. Here is an example:

Additionally, we added an option for extra space at the bottom of the card, which is useful for a more even space on this card design:

Content card description can now expand/collapse on all cards in a module at the same time:

Added Code option for the Pricing buttons, in case you need to embed external buttons:

Addressed a recent problem with the Subscription preferences labels constructed by HubSpot from multiple text fields separated by a vertical bar | symbol.

Applied theme styles to the new Subscription preferences language drop-down:

Removed our sample image from the blog sidebar on Blog 1, Blog 2, and Blog 3 templates. Moving on, when creating a new post, the Post aside will be empty by default.

We have also thoroughly analyzed the possibility to add global content in the sidebar, and developed a method described here. The blog templates have been updated to include HubL comments to make it easier for your to proceed with the described method.

Fixed a CSS issue that caused wrong space in headers when using CTA buttons.

Resolved a problem with the Gallery and Lightbox not functioning correctly when images contained URL parameters.

Fixed some issues with certain Text fields in the Blog 3 settings not updating on the blog.

Fixed an issue with Team cards not being of equal height in the Listing module.

Removed the unnecessary srcset attribute when using SVGs.

Resolved a problem that prevented images to render when served from folders with commas , in their name.

Fixed a minor problem caused by a recent form style in HubSpot regarding the legal consent required-field message (the inline style was making the text red and not visible with similar accent colors).

Fixed an issue with the Modal module when both page and global modals contain forms.

Fixed an issue with external fonts.

Fixed an issue with the Shifter module from the previous update.

There is a new version of the Blog 2 Listing template (Blog 2 Listing v2), where you can easily edit and drag-and-drop the intro content using HubSpot's new blog listing editor. Your previous Blog 2 Listing template and blogs won't be affected if you install this new update, but if you want to use the new template, you need to select it in your blog settings and enable the new editing experience. This way you can use the Blog 2 design for multiple blogs, each with its own intro.

Along with the new blog template version mentioned above, we updated the Blog settings module to include an explanation for the intro rich text fields. They will no longer be used with the new template version, but still applied to your existing Blog 2 Listing template.

You can now use URLs/links to filter your Listings (module). Learn how.

Included an option to remove the half-screen accent background from the Features showcase module.

Added slides to adjust the price size on the Pricing module.

Included an option with the Shifter module that allows you to make the navigation a bit more compact, which may be useful and look a little better with many items.

Added a custom class (important-quote) that you can apply to <blockquote> elements in Rich text (Advanced > Source code) for a special styling (see the full code below):

<blockquote class="important-quote">
  <p>The rich text module offers editing options for multiple types of content, such as text formatting, images, links, CTAs, and more. The rich text module offers editing options for multiple types of content, such as text formatting, images, links, CTAs, and more.</p>
  <p style="font-size: 16px;"><strong>- John Doe, Company, Inc.</strong></p>
</blockquote>

Added the possibility to adjust the logo column width (based on a 12-column grid) when editing your header. You will find three text boxes in your header, one for each screen size, where you can add a number from 2 to 6. Header 5 doesn't need this.

Improved the performance of the Modal animation on Safari.

Fixed a problem with the Pricing checkmarks being shrunk if the text was too long.

You can now add Modals (popups) to your pages, either globally or on a specific page, as stand-alone or gallery, and can open them from any link or element on the page, usually with an onclick event. Modals are also navigable with the keyboard and can be closed with the Escape key or Tab away. More details | Examples

The theme is now RTL-ready. If you are using a modified child version, please be aware that some elements are now using RTL-friendly properties, such as padding-inline-start instead of the old padding-left, or text-align: end instead of text-align: right, etc. So if you've made CSS changes, you may experience minor spacing issues that you need to address after updating. Some editor labels still refer to the 'Left' / 'Right' direction, but they actually have an inverse meaning on an RTL page (e.g., Column align: Left will actually align the columns to the Right).

To not burden other theme copies with unnecessary code, we added an option in the Theme settings > Miscellaneous, where you can make your theme RTL-ready if you are planning on using an RTL language:

We added a very simple Footer 12 that some users may prefer to set for landing pages.

Dropped support for IE, following HubSpot's announcement back in July 2021 that it's no longer supporting this browser. This allows us to use more modern technologies (ES6, CSS variables, etc.) and make the theme even more lightweight. Although the global usage of IE has declined to near zero, if your website in particular still needs to support this browser to an extent, we recommend not updating to Version 11.

Replaced the method to add space between buttons and icons with a more performant, simple, and efficient way that uses CSS gap instead of margin.

Because of the change mentioned above, the sharing.css file used with the Sharing module is no longer needed, so we deleted it.

Fixed a problem with the Pillar navigation scroll offset, which now gets the values from the Theme Settings, as initially intended, instead of just using a fixed value.

The Listing pagination is no longer shown if there's only one page.

Added options for word breaking in Theme settings > Typography

Added variables so you can edit/translate the text on your system pages. More details: How to edit the text on system pages

Added custom color and gradient options for buttons

Added custom gradient options for icons

Added Column layout options to the mega menu

Made the Mega flyouts delay option available in the Navigation module settings

Made the mega menu scrollable if it doesn’t fit the viewport height

Added onclick attributes to all module links, so you can also trigger onclick actions with JavaScript. For example, activate a tab from another link on the page by adding this function to the onclick attribute: go_to_tab('tab4')

Included the option to add a link to the image on the Box over image module.

Made the Hero slider content take the full width of the container if no maximum width is set.

Fixed a problem with the Hero slider button text on hover, being overridden by the dark color scheme.

Updated the Go card and Image box modules to follow the column settings even in case there’s only one item in the repeater, keeping it consistent with other similar components.

Fixed a minor spacing problem with the icons on the Mobile navigation module, if one of the items didn’t include a link.

Removed the link from the blog post title on the blog post view.

Fixed a problem with the position and space between multiple buttons if at least one is a Call to Action.

Fixed an overlapping issue in the page editor with the header, pillar nav and the module that's being edited.

Other minor fixes.

Fixed a problem with the Nav module, where the link applied to the aside image in the mega menu was not functional.

Included email notification and follow-up options with the Form and Shifter modules.

Set absolute URLs in the Language selector module.

Disabled language URL rewrite for the Language selector, Nav and Mobile nav modules.

Fixed an issue with the font-family property when using certain web safe fonts.

We included 20 reusable sections so you can create pages even faster. Watch video

You can now list specific posts by ID with the Blog card module, even mixing posts from different blogs. Watch video

Updated the Logos module so the logos in the carousel are now centered by default.

Added an option to remove the default space after paragraphs in the Rich text module.

Fixed an issue with the Image plus text module, where the dark color scheme affected some button color on hover.

Fixed a bug with the Thumbnails gallery not working properly with multiple sliders on the same page.

Fixed an issue with the Rich Text columns not being equal in the Listing module.

Improved the look of textarea with large round corners.

Set a higher z-index for the Lightbox component to prevent overlapping in the page editor.

Added Settings and Wrapper to the Sharing module.

Added an option to list Recent posts by author in the Blog card module.

Set absolute URL paths for posts in the Blog card module to support blog subdomains.

Set a higher z-index on drop-down menus to always appear in front of other content on the page.

Fixed a bug with the Listing component, when an unescaped special character caused an error

Set relevant covers for the blog templates