Jan 24, 2023
Fixed an issue with the Comparison table not displaying correctly on some portals.
Jan 20, 2023
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.
Jan 18, 2023
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.
Dec 5, 2022
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 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).
May 11, 2022
Apr 20, 2022
Mar 3, 2022
Mar 1, 2022
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.
Jan 4, 2022
Important!
Please take the time to read all notes below before updating because there are some major changes in this version that may impact your live website, especially if you are using a modified child theme.
If you have a child theme and don't use the child.css
or child.js
or their equivalent that HubSpot automatically creates when you make your child theme first, then we recommend deleting the templates/_base.html
file from your child theme, so the new updated version is used instead. Otherwise, some of the updates here, including the modals, won't apply. In which case, you'll have to copy and paste the new modals code block from the original templates/_base.html
template to your child theme file. Please reach out if you need help with this.
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.
Dec 13, 2021
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')
Oct 26, 2021
Oct 4, 2021
Sep 28, 2021
Sep 20, 2021
Aug 30, 2021
Aug 26, 2021
Aug 23, 2021
Aug 11, 2021
Jul 30, 2021