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