Version 37

Mar 27, 2025

Added Sneak peek options to the Go card, Hero slider, Compact card, Quote, Image box, Review, and Team card modules. The Hero slider needs to have Animation set to Slide mode for the sneak peek feature to be available. Live preview

The Hero slider also includes a Gutter option with the sneak peek and now supports Corner radius options, which apply your theme's corner roundness settings to the slides. It is recommended to enable this only if both the Sneak peek and Gutter options are enabled. Live preview

The Hero slider now supports adding classes to slide titles and text, allowing you to use Reveal classes to animate this content. Live preview

Pause on hover is now optional on all sliders.

You can now display the meta description as the post summary on your blog or in the Blog card module.

Author, Read time, Date, and Tags can now be visually removed from your blog. HubSpot still generates this data and pages, so be sure to use your robots.txt file to prevent author and tag pages from appearing in search results if needed. This gives you the flexibility to transform a HubSpot blog into something beyond a traditional blog — whether it's a resource hub, a case studies library, or any other content-driven section where blog-specific details aren't needed. Here is an example.

Added more blog options to adjust the top and bottom padding for most blog sections. The Homepage heroDrag and drop area can now be displayed on all listing pages, and the Toolbar now includes options to change the color scheme and set a custom background color. Additionally, Classic pagination can now be aligned, and on Listing 2, you can choose how to align cards when the last row isn't full (left, center, or right). Live example

You can now hide the date on the Blog card module.

Added Dark color scheme options to Content card and Rich text in the Listing module. You can now also change the Toolbar color.

Added a Variable height option to the Features showcase and Shifter modules. This option adjusts the module's height based on the active content item. It's especially useful when one item is significantly taller than the others, which would otherwise create excessive white space. If the height difference isn't extreme, keeping a consistent module height is recommended for a smoother user experience.

On the Features showcase, also added Content padding options for both top and bottom on large and small screens. When making changes, be sure to add enough bottom padding to prevent the dots and arrow navigation from overlapping your content.

Added data-nosnippet to Blog card and Content card (including in Listing) to prevent Google from interpreting the displayed date as the page's publication date.

Updated the X URL in the Sharing module to replace the old Twitter domain.

The blog author line no longer breaks onto a new line on small screens unless there isn't enough space.

Fixed an issue in Safari where the first Contact box column displayed white icons instead of the intended ghost styling effect. This bug occurred only when both the box and its icons used ghost styling, affecting just the initial column in the multi-column module. This is likely a Safari bug when an element with backdrop-filter: blur() is nested inside another element with the same property. The blur effect on the icons has been disabled, as it's not noticeable when the box already has blur applied.

Files added
css/components/splide-sneakpeek.css
Files updated
css/components/blog-card.css
css/components/blog-infobar.css
css/components/blog-pagination.css
css/components/contact-box.css
css/components/features-showcase.css
css/components/hero-slider.css
css/components/listing-rich-text.css
css/components/shifter.css
js/components/splide.js
modules/blog-card/fields.json
modules/blog-card/module.html
modules/blog-config/fields.json
modules/compact-card/fields.json
modules/compact-card/module.html
modules/content-card/module.html
modules/features-showcase/fields.json
modules/features-showcase/module.html
modules/gallery/fields.json
modules/gallery/module.html
modules/go-card/fields.json
modules/go-card/module.html
modules/hero-slider/fields.json
modules/hero-slider/module.html
modules/image-box/fields.json
modules/image-box/module.html
modules/listing/fields.json
modules/listing/module.html
modules/logos/fields.json
modules/logos/module.html
modules/quote/fields.json
modules/quote/module.html
modules/review/fields.json
modules/review/module.html
modules/sharing/module.html
modules/shifter/fields.json
modules/shifter/module.html
modules/team-card/fields.json
modules/team-card/module.html
partials/blog-listing-1.html
partials/blog-listing-2.html
partials/blog-listing-3.html
partials/blog-listing-4.html
templates/blog-listing.html
templates/blog-post.html