Version 12

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 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 to include an explanation for the intro rich text fields. They will no longer be used with the new template version, but still apply to your existing Blog 2 listing template.

You can now use URLs and links to filter your Listing module. Learn how.

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

Added sliders to adjust the price size in the Pricing module.

Included an option in the Shifter module to make the navigation more compact, which may look better with many items.

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

Important quote HTML code example
<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;">- John Doe, Company, Inc.</p>
</blockquote>

Added the ability 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 module checkmarks being shrunk when the text was too long.

Files updated
css/_base.css
css/components/features-showcase.css
css/components/modal.css
css/components/pricing.css
css/components/shifter.css
js/components/listing.js
modules/blog-settings/fields.json
modules/features-showcase/fields.json
modules/features-showcase/module.html
modules/listing/module.html
modules/shifter/fields.json
modules/shifter/module.html
partials/header-01.html
partials/header-02.html
partials/header-03.html
partials/header-04.html
partials/header-06.html
partials/header-lp-01.html
partials/header-lp-02.html