Version 42

Summary of updates

This update brings exciting new features and improvements: custom heading styles, rotating text (typed or animated), header island, drag-and-drop footer, new forms editor, accessibility improvements, new background decorations and section extra settings, content cards slider, custom header and footer background colors and content widths, and more. Check the notes or watch the short YouTube videos below. Thanks for using Act3!

Live preview

Rotating text + Heading custom styles

Added rotating text options to the Heading module, including a Typed text effect and an Animated text option, with multiple settings to customize how it appears.

While it's recommended to maintain consistent typography across your website, there are rare occasions when you want a heading to truly stand out. You can now do this in the Heading module with a variety of custom styles — adjust font size, change color, set letter spacing, apply gradient text, highlight specific words, and much more. Please read the helpful notes added in the module.

Watch on YouTube | Live preview

Header island

Added an exciting new styling option for the header and sticky header. The header island can be enabled independently for the normal header and the sticky header — use it on one state, both, or neither. Customize the width, spacing, and corner radius independently for both header states.

Watch on YouTube | Live preview

Drag-and-drop footer

Added a new footer available in theme settings: Footer 13. This footer is fully drag-and-drop, so theme settings options don't apply. You can set background colors and other options directly in the global content editor, just like regular drag-and-drop sections in the page editor.

Watch on YouTube | Live preview

New forms editor

Updated all form fields to support forms created with HubSpot's new forms editor. You can apply theme styles to these forms for a consistent design, and there's also an option to optimize CSS by disabling legacy form styles.

Watch on YouTube

Accessibility improvements

Added a Skip to content link option in Theme settings › Miscellaneous. This link appears when users navigate using the keyboard (by pressing Tab). If you use external widgets for accessibility that include a similar button, you can disable this feature in theme settings.

Also reviewed and improved keyboard navigation, ensuring that focus is clearly visible on most components (e.g., cards, sliders, etc.). The menu is now easier to navigate with the keyboard, and added the option to select a specific title tag along with the "looks like" option in multiple modules.

Watch on YouTube

New options in the Section extra settings module

Added new options to the Section extra settings module: set a Maximum width for your section and Side margin to create boxed-design sections. You can also set rounded Corners for sections, rows, and columns within that section, and use Clip overflowing content to prevent content from exceeding section boundaries. Browse the live preview to see what's possible, and watch the YouTube video to see how the boxed design on the Home 6 page was achieved:

Watch on YouTube | Live preview

New background decorations, including custom SVG

Added new background decorations to the Section extra settings module, including a Custom SVG option for advanced users. Check the notes in the module for specific details.

Live previews: Peak, Triangle, Torn paper 1, Torn paper 2 and 3, Custom SVG example

Content card slider

You can now enable a slider in the Content card module, specifically adapted for this type of content.

Live preview

Remove the gap between columns

Added a Column gap option to the Section extra settings module that lets you remove the default spacing between all columns in that section.

Live preview

Header and footer custom background color

You can now choose a custom background color for your header and footer in theme settings. This is especially useful with the Dark color scheme when you want a different background color than the default dark gray.

Header and footer custom content width

You can now set a custom width for your header and footer content. If no custom width is set, it will use the default Content width applied across all content sections, just like before.

Below footer drag-and-drop area

Added a Below footer drag-and-drop area to all footers, except Footer 13, which is already fully drag-and-drop. This can be handy for extra copyright notices or disclaimers.

Added a theme setting to Disable the sticky header on mobile devices.

You can now remove the Sticky header shadow.

Added a Vertically center icon and text option to the Quick features module.

Added the option to Disable active item styling for this column in the mega menu when the multi-items option is used.

Added a Custom class field to the Section extra settings module, which applies the class to the background element.

Fixed the jumpy header and extra spacing in previews and the editor when a hidden section was included in the global header.

Fixed some validation errors in the page editor that were preventing content from being published, even though they were false positives.

Removed some no-longer-necessary prefixed CSS properties, as browser implementation has improved over time.

Correctly applied the color to the horizontal rule element as a border color instead of a background.

Added a few CSS variables for the layout elements, as part of an ongoing effort to prepare the theme for new options and future improvements.

Content card links now cover the icon area as well.

Removed the extra padding on the right side of the Review module.

The drop-down component now correctly closes when the user clicks the drop-down again.

Refactored and improved the JS code that handles Content card Collapse and Sync functionalities.

Replaced the arrow links in the Features showcase module with actual button elements and added screen reader text options.

Included aria-label attributes for icons (buttons) in the Steps module.

Footer forms are no longer set to Hide labels by default, to avoid confusion and ensure they work correctly with existing forms that don't have placeholders. You can always enable the option later if needed.

Blog listing 4 layout no longer renders image code in the editor before a featured image is selected.

Updated the team member template to use the new X logo by default instead of the old Twitter icon.

Other minor improvements and fixes.