Changelog

🎤 Post Narration Feature - Our theme now incorporates HubSpot's latest post narration feature, allowing you to leverage AI to bring your blog posts to life with audio narration. Check it out here #1270

Bento-Grid Section Templates - We enhanced the configurations of our Bento-Grid section templates.  #1276

Advanced Mega-Menu  - Resolved an issue with content item styles propagating across mega menu panels #1278

Bento-Grid  - Resolved an issue where custom padding-top values of the section did not take effect #1282

Burger-Menu  - Resolved an issue causing the burger menu to occasionally shift out of place on mobile devices and initial page load. #1282

🍱 BENTO GRID MODULE - This one is very special! Inspired by the advanced mega-menu and advanced footer we created a very versatile module that allows you to create bento grid layouts and beyond! Get started with one of the 9 pre-built section themes we included in this release! Check it out here!  Also check bentogrids.com, to get inspired for your bento grid layouts! #964 #646 #1045 #1269

📈  Advanced Mega-Menu/Footer - New content item types with lots of options: Intro Title, Image, and (horizontal) Icon + Text. Content item types Icon and Title got extended options. Wrappers can be linked, a hover style can be configured, and they can be animated. Extended border-radius and box-shadow options. Column and wrapper padding as well as spacing between wrappers or content items can be controlled with custom values. Added a new height mode "Stretch" which stretches the wrappers to fill the column vertically. A custom CSS class can be added per wrapper.  #646 #1045

✨ Map Header/Footer Configurations Across Header/Footer Types - Added theme settings to allow mapping e.g. the Page header configuration to the Landing Page, Blog, and System Page header without the need to manually recreate any configuration again. Added a visual indicator in the page editor, which shows which header/footer type is active (by page type, mapping via theme settings, or by local page settings) #735

⚡ Realtime Editing - We optimized the theme such that your changes in the page editor apply immediately without the page editor preview needing to reload in most cases. This highly improves the page editing experience. #1235 

📦 Boxed Style for Section Modules - Section modules allow a boxed style with custom border-radius, top-/bottom-margins, and different widths. Check it out here. #1200 

🔦 Shadows for Section Modules - Section modules allow a box shadow for a more 3D-like appearance. #1201 

Blog Post Content Width - The content width of blog posts can now be controlled via theme settings. #1205 

Cookie Banner  - Checkbox styling conflicts with HubSpot's privacy policy toggles #1258

FA Pro & Footer Full Layout  - Resolved an issue where Font Awesome Pro icons were not working for the footer using the "Full" layout #1255

Sec Breadcrumbs and Internal Link Field  - Anchor links set with the dedicated "Internal Link" field disappeared when rendered on the page as breadcrumb #1217

Responsive Images  - Resolved an issue with cases of invalid srcset definitions #1215

Blog Listing & Blog Post Preview  - Resolved an issue with blog post appearance after loading more posts in case the blog post preview module is used additionally to the listing #1213

Video Fade In/Out  - Resolved an issue with video fading in and out on very slow network connections #1210

Pricing Table - Reduced Style  - If no description is used there was some extra space that got removed #1216

Footer Menu Overlap - Resolved an issue for the footer with the layout "Full" configured. For some device widths, the menu was overlapping a bit #1052

TOC & Advanced Mega Menu  - Resolved an issue where heading titles of the mega menu got used in the table of content of the TOC module #839

🔝 Advanced Back to top button - Create your custom back-to-top button directly in the theme settings #295

Optimized Parallax Images - Optional images for tablet/mobile. Improved image quality and performance #1154

Background Video Transition - Improved the initial appearance of background videos with transition styles #1176

Popup CTA links  - Resolved an issue where the popup CTA links were not supported everywhere #1195

Top bar popup CTA  - Resolved an issue where the popup CTA fixed top bar messed with the theme calculations for header/burger/sub-menu and TOC #1190

CTAs misplaced - Resolved an issue where HubSpot's new CTAs were appearing shifted #1180

Z-Index on new CTAs - Resolved an issue where the popup CTA was underneath header #1118

Mobile background image not displaying on mobile screens  - This issue was present for some modules that were out of the viewport #1193

Sec Device Mockup Match Height - Resolved an issue with match height that led to text-overflow and prevented the vertical alignment option #1183

Sec Content Split Mobile Video - Resolved an issue with *.mp4 background videos on mobile disappearing #1173

Device Mockup Module Alignment - On desktop the mockup alignment was not working #1119

Sticky Sub Menu - Resolved an issue with the active link not being highlighted in some cases #1132

Image dimensions - Fixed a couple of placeholder image dimensions in templates #1145

Auto-generated heading IDs - Resolved an issue with the IDs not being truly unique if already used on other elements #1124

Empty Links - Resolved an issue where invalid/empty links were still rendered as link with an empty href #1171

Optional Links - Resolved an issue where elements were missing styling for the fallback if their link gets invalid/empty #1172

Language Dropdown width  - Resolved an issue where the width of the language dropdown did not adapt to long language abbreviations #1189

🖼️ Sec Content Split - Optimized padding on mobile for image/*.mp4 contain option. #688

Sec Team Bug  - Resolved an issue where the image was covering the team member info for layout reduced and linked team items. #1060

Background Video Bug  - Background *.mp4 videos were not visible on Firefox. #1161

Sec Image Box Bug - Overwritten/customized child-theme modules partly had the problem that images were not showing due to a downward compatibility issue. #1162

Search Suggestions Bug  - A placeholder in the search suggestions title of the search results page was not replaced with the actual search term. #1152

HS CTA Popup Bug  - Resolved an issue where the header was overlaying the popup. #1118

Simple Listing Bug - Resolved an issue where the read more label on hover was missing. #1121

🖼️ Image Code Optimization - Code for responsive images and lazyloading was unified and optimized. #1117, #1099

🔗 Link Code Optimization - Unified and optimized code for links. #1090

👀 Generate Selectors - Implemented a solution that maps CSS selectors to theme-setting fields. This enables content creators to see which theme elements will be impacted by updates to a field's styling options in the theme settings. #1059

🔍 Cross-Domain Search - Now, it is possible to show search results across multiple domains. #1141

Translations.html Additions - Added translation options for the previously introduced read more feature. #1133

Safari Image Bug  - Resolved an issue where some lazyloaded images were not shown in the Safari browser. #1122

Burger Menu Bug - Resolved an issue where linked parent elements did only fold/unfold. #1140

Page Settings Module  - Resolved an issue where the button overwrite option was not working for Pop-up CTAs. #1090

Slider Link Bug  - Resolved an issue where some slider items with regular links ( no lightbox ) were not clickable. #1128

Hotspots Alignment Bug - Resolved an issue where hotspots were misaligned for specific image sizes and window sizes. #1147

Advanced Footer - Resolved an issue where the sub-area content of the advanced content area was not following alignment settings on mobile devices. #1100

Scroll Jumps - Resolved an issue where users were experiencing jumps while scrolling. #1107

💰 Added Payment Link Type - Added an option to select Payment as a link option (requires access to payments, currently U.S. only).

🎨 Overwrite Hero Color for Subscription Pages - Added an option to Theme Settings to overwrite the hero color for email subscription templates (default uses Primary Color).

Minor Tweaks - Fixed an issue causing the section highlighting to break for HubSpot anchor links in the sticky sub menu module, updated the hotspots layout to have a transparent background to avoid the appearance of a thin border around the module for some screen resolutions, and adjusted the responsive settings to improve the quality of the images for 2 column box layouts.

Video Mobile Scaling Bug  - Resolved an issue with HubSpot videos not scaling to mobile device widths. 

Footer Visibility + Child.css Bug - Resolved the issue where hiding the footer in the page settings module disabled the child.css for the page. 

Page Jumps while Scrolling Bug - Fixed the issue with the match height calculation causing the page to jump at the bottom of the page when trying to scroll back to the top. 

Comparison Table Button Bug - Resolved an issue preventing the comparison table buttons from displaying. 

Social Icons Missing in Footer Bug -  Fixed the issue preventing some social icons from rendering properly when added to the advanced content in the footer.

🔥 Sec Device Mockup Vertical Layout - Added an option for the Sec Device Mockup module to create vertical split layouts.

🙈 Hide Header and Footer - Added an option to the Page Settings module to hide the header and footer per page without having to customize with code.

🙈 Hide the header area of the comparison table - Updated the Sec Pricing module with an option to hide the header area of the comparison table.

Minor Tweaks - Fixed a conflict in the Advanced Footer for links that open in new windows that removed the noopener tag, updated the Basic Information setting in the Hero to remove the default icon if one isn't selected, fixed the viewport width for the blog author page, adjusted bullet position to work better with custom line-heights, and updated the Font Awesome Pro settings to work with custom colors.

Cookie Banner Overlap in Safari - Resolved a conflict between the theme and the boxed layout for the HubSpot Cookie Banner. 

Match Height and Filter Bugs - Resolved issues impacting various boxed module layouts where the height of the boxes was causing sporadically unusual breaks in the layout when filtering. 

FontAwesome Pro + Steps Module - Fixed the issue preventing FontAwesome Pro from working with the steps module. 

Header Content Full Width Search Bug - Resolved an issue with the padding of the search bar for device widths close to the configured content width. 

H3 Heading Overwrite for Tablet/Mobile Bug - Fixed an issue where the overwrites in the theme settings for the H3 weren't working properly. 

Safari 16.4/16.5 Bugs -  Fixed more bugs that appeared with the newest Safari version, including issues with Animation on Scroll triggers and loading, content boxes overlaying the header, alignment issue for steps, blog listing items overlaying the header (3D effects deactivated), and the load order for CSS when loading asynchronously.

Comparison Table Bug - The default text "Feature Text" was added to the comparison table icon layout due to a HubSpot bug causing unedited text to display. We added a workaround in this release to avoid the default text from showing automatically on live websites.

Sticky Sub-Menu Bug - Fixed an issue with the "External Link" option of the sticky sub-menu module caused by refactoring the link settings.

Sec Video and HubSpot Videos Bug - We added HubSpot videos as an option in V29, but the settings were missing for the "Button only" and "Content" layouts.

⚠️ AddThis Discontinued by Oracle - After May 31, 2023, the AddThis script included in the Blog Post module will be removed. Follow these steps to set up ShareThis, a recommended alternative.

🤩 Lottie Animation Integration - Added the option to include animated Lottie files to the Mini Icon, Mini Tag, Sec Device Mockup, Sec Services, Sec Steps, Sub Services, Sub Steps, and Sec Images modules. Learn how to add Lottie animations.

👀 FontAwesome Pro Integration - Added the option to connect your FontAwesome Pro account so you can configure Pro icons as an alternative to the free icons included. Learn how to configure FontAwesome Pro.

Note: The included FontAwesome (free) icon library version is limited by HubSpot, vote here to get it updated!

💥 New URL Field Types - Added new URL field types for links to include phone number, WhatsApp number, and Pop-up CTA.

🎨 Automatic Code Syntax Highlighting - Added the option for automatic code highlighting with the option to configure the code languages, styles, and display options globally in Theme Settings and add to your website using the code tags outlined in the documentation. How to enable Code Syntax Highlighting.

🔎 Updated Search Functionality - Updated to the latest HubSpot Search API, adding suggested items dynamically as the user types and now includes subdomains and featured images in the search results.

🖼️ Add a Custom Image to System Pages - Added the option in Theme Settings to overwrite the default image used on the 404 and 500 error pages. How to change System Page images.

📊 HubSpot Video with Analytics Now Available - Added the option to configure HubSpot videos with native analytics features for Sec Video, Sec Video Boxes, and Sub Video Boxes.

📽️ Added Video Lightbox Option to Sec Device Mockup - In addition to images or Lottie animations, now mp4 videos, HubSpot videos, and Youtube/Vimeo videos can be added to the device mockup layout and will open in a lightbox to play the video when clicked.

👓 Added Read More Option to Text Areas - A read more option can now be added to any text area. The text will expand/collapse inline by clicking on the text "Read More" or "Read Less". How to add Read More Link.

⚓ Anchor Links in Navigation Menu Functionality - Updated the menu styles to remove the active link style when anchor links are configured in the top-level navigation or dropdown menus to prevent multiple links from showing as active. Also updated the mobile menu functionality so the burger menu auto-closes when an anchor link is tapped. 

👏 Image Boxes 2, 5 and 6 Column Layouts - Added 2, 5 and 6 column layouts options to the Sec Image Boxes module. See the new layouts for image boxes.

🔗 Added Links to Values Module - Added the option to configure a link per item for the Sec Values module.

New List Style Settings - Added options to Theme Settings to configure the font formatting for Bullet Lists (UL) and Numbered Lists (OL) to configure the Font Family, Font Weight, and Letter Spacing. Also added Styling options to configure the Item Spacing for both list styles and the option to change the List Style Type and Separator Type for Numbered Lists. Can the default list styles be changed?

RTL Support for Header - Added necessary code for RTL language support for the header and burger, additional RTL Support options will be added in an upcoming release.

New Comparison Table Options - Added option to hide or adjust the width of the 1st column (feature titles). Tooltips are now allowed for all content types. All content types, e.g. icons allow additional text to be added.

Embeds.html Added - A new template called embeds.html was added to the partials folder that can be cloned to your child theme and updated with embeds to add your FontAwesome Pro script, ShareThis embed, or other scripts/embeds with the ability to choose whether it is added to the header or footer for all pages, website pages only, landing pages only, blog listing pages only, or blog post pages only. How to use the embeds.html.

Minor Tweaks - Added default page titles to system pages for improved SEO, added Turkish translations to standard texts, made adjustments to the Sec Content Split module to optimize the Contain and Cover options on mobile, removed the mobile touch indicator when the link whole box setting is activated for image boxes/values, updated the Product Template to fix a minor error in the hero title, added links to relevant documentation in theme settings, and fulfilled new theme requirements by HubSpot (module compatibility, color inheritance from the Brand Kit, and module categories).

Blog Listing & System Page Template Assets - Fixed an issue causing the CSS styles to break for users with custom system page templates (404 and 500 Error) or the Blog Listing template overwritten in their child theme before V28.

Sec Timeline Alignment Bug - Fixed an issue from v25 that caused the Timeline boxes to become misaligned (any hotfix provided can be removed).

Post Preview Number of Blog Posts Bug- Fixed an issue where the number of posts to display was ignored when using the slider settings.

Safari 16.4/16.5 Bugs -  Fixed bugs that appeared with the newest Safari version. Service Box link was not clickable on hover if the 3D effect is activated. The padding was off for the blog post preview module with the layout "small horizontal" activated.

Image Box Style 2 Bug- Fixed an issue that prevented the Style "below with background color" layout from centering properly.

Filtering & AOS Bug- Fixed an issue with filtering items that also have AOS animation activated. This led to invisible items that still responded to user interaction.

Sec Forms Custom Button Bug - Fixed an issue preventing Custom Button styles from rendering when selected in the Sec Forms module.

Fallback Image 404 Bug - Fixed an issue that triggered a 404 error in the console for empty fallback images.

Image Box Filter Bug - Fixed an issue preventing the filters from working when the filter categories contained any special characters or numbers used at the beginning.

Advanced Footer Logo Bug - Updated the Logo content type to set the logo used in the Advanced Footer to lazyload to defer offscreen images.

Intro Title Style Bug - Fixed an issue that caused the Intro Title Gradient Background style to disappear when used in combination with an image or video background.

Hero Search Bug - Fixed an issue where the search feature in the hero caused the layout to break.

Sub Video Box Style Bug - Fixed an issue with the require statement for a CSS style.

Sec Steps Match Height Bug- Fixed an issue that caused the match height function to break dependent on the line height setting of the description text.

Parallax jumping on content change- Fixed an issue that the parallax image to jump on scroll after the content height was changed, e.g. with an accordion

Explicit height missing for logo slider- Fixed an issue that caused page speed insights to flag the missing height attribute of images of the logo slider.

⚠️ Theme Code Assets → Legacy Structure ⚠️ - We've updated the theme's code base and modules to improve how the CSS and JS files are handled. See Page Speed and Core Vitals documentation for detailed information. 

The Legacy Code Structure setting enables existing users with customizations to retain the previous code configuration until custom modules can be converted to work with the new code base.

Installing the update will NOT automatically disable the legacy code structure.

Deactivated Animation On Scroll for viewport ⚠️- This applies to modules visible in the viewport of the user's device on the initial page load. If your modules include Animation On Scroll (AOS) and you would like to retain this feature for those modules, you will need to update the settings after installing the update. AOS in the viewport has a negative impact on First Contentful Paint (FCP) so it has been removed by default and can be enabled in the page settings.

Prerendering 🏎️ - We have resolved a conflict that was preventing pages from fully prerendering as well as other module improvements to allow content to prerender. Prerendering is the process by which the HubSpot CMS generates the static version of a page to improve page load speed and security.

CSS Performance Optimization - Split the CSS files to have CSS code load only when needed on the page and other optimizations to CSS code.

JS Performance Optimization - Split the JS files to have JavaScript code load only when needed on the page.

Other Performance Optimization - Updated the images in the Advanced Mega Menu for improved performance, removed extra spaces in HTML caused by Jinja HubL statements to remove bloat, resolved Cumulative Layout Shift (CLS) issue for Hero module and Logo module, updated the code for responsive images to further improve communication of the image dimensions to the browser to avoid CLS, added lazy loading for JS scripts, videos, and styles to reduce the impact on page speed, changed Blog Post Preview to a more performant client-side implementation, updated modules to include lazy loading for images where it was missing previously, and much more.

Deactivate Font-Family - Added option to fully deactivate font families in the theme settings. This improves performance if custom fonts are used instead.

Custom Hover Colors - Custom hover colors can now also be configured at the module level and for individual items for all boxed elements with a hover state. 

Sec Simple Listing Slider - Added a slider layout for Sec Simple Listing module. See Content Sliders.

Device Mockup Layout Improvements - Added a vertical layout for the Sec Device Mockup module and settings to control the vertical alignment of the image/content.

Blog Listing Template DnD - Added a drag-and-drop (DnD) area above and below the blog listing module in the Blog Listing Template to meet theme validation requirements. Additional blog improvements are still planned as the focus of the next major release.

Global Header and Footer DnD - Added a drag-and-drop (DnD) area below the Header and above and below the Footer to meet theme validation requirements. These DnD areas apply to ALL page types (Page, Landing Page, Blog, and System Page and can NOT be individually configured).

Added 5 section templates 😍 - Added NEW prebuilt sections: Comparison Table, Pricing Table, CTA Boxed (floating CTA banner), Guide/Quiz, and Masonry Gallery. These prebuilt theme sections allow you to quickly generate more complex layouts without having to start from scratch and are based on our most popular template layouts. Look for more sections in the next update!

Minor Tweaks - Corrected the Contact link to include the icon from the header in the hamburger menu, and added an option for video modules to play once.

Icons not Centered in Comparison Table - Fixed an issue causing the icons not to center with the rest of the content in Sec Pricing for the Comparison Table layout (hotfix provided with v25 can be removed).

Search Results Bug - Fixed an issue preventing Knowledge Base Articles from appearing in Search Results when selected in the header or module.

Sec Logo Vertical Alignment Bug - Fixed an issue preventing the logos to vertically align properly based on the settings.

TOC + Lazyloading Bug - Fixed an issue where the TOC fades out too early and the target position calculations do not work correctly on pages with a lot of content and images that are lazyloaded.

Background Video Ratio Bug - Fixed an issue introduced with v26 that caused a black bar to be added above and below the background video for certain device widths if the aspect ratio wasn't 16:9.

Sec Map Padding Bug - Fixed an issue with the map height where extra padding was being added above and below the map when used with longer forms.

Sec Team Title Style Bug- Fixed an issue preventing the Intro Title and Title Styles (Color and Background) from displaying.

Cookie Consent Toggle Bug - Fixed an issue with the toggle colors used on the HubSpot Cookie Consent banner preventing it from being visible for certain brand color combinations.

Custom Class Bug - Fixed an issue where the Custom Class for the Mini CTA and Mini Tag modules was being added to the wrong location in the code.

Hero + Shape Divier Bug - Fixed an issue of the hero module not showing for layout "Content Height" and certain shape divider configurations

⚠️  If you have not yet updated to v26, it is very important to read the documentation before you update to v27.

Blog Post Header Image Bug - Fixed an issue causing the featured image to override style settings in the blog post header.

Sticky Sub-Menu Style Bug - Restored the background style settings in the Sticky Sub-Menu.

Image Boxes Link Whole Box Bug - Fixed an issue causing the module layout to break when "Link Whole Box" was selected.

Service Box with Links Bug - Fixed an issue causing the height of the service boxes to vary based on the inclusion of sub-links or not.

Content Split Video Contain Bug - Fixed an issue causing the video to ignore the "Contain" setting.

Background Video Loading Bug - Fixed an issue causing a delay in the load time for background videos in some cases.

Hero Fallback Color Bug - Fixed an issue with the Hero where the fallback color for images was not rendering.

Parallax Fallback Color Bug - Fixed an issue with Parallax image backgrounds not being fully transparent.

Testimonial Gradient/Alignment Bug - Fixed an issue causing the center alignment to be disregarded when used in combination with Gradient Title style.

Team Reduced Layout Bug - Fixed an issue with the heights/alignment for the reduced layout for the Sec Teams module.

Lightbox Description Bug - Fixed an issue causing the lightbox to break when quote characters were used in the image description for the Sec Image Boxes module using the Gallery/Lightbox setting.

Font Fallbacks Bug - Fixed an issue causing the Arial fallback font to load when the font weight indicated in the theme settings wasn't available. The default fallback font weight is now set to 400 (regular) when a font weight is chosen in the theme settings (Fonts > Formatting) and the corresponding font family doesn't include that font weight.

Webinar LP Custom Bullet Bug - Fixed an issue causing the template bullets to conflict with the bullet style in the theme settings.

⚠️ jQUERY REPLACED WITH VANILLA JS ⚠️ - We've updated the theme's code base and modules to remove the dependency on jQuery. See Can I Remove jQuery for detailed documentation. We also provide a recommended course of action based on your website/theme configuration.

jQuery is a code library that includes pre-built Javascript.

Vanilla JS is just plain old Javascript.

Installing the update will NOT automatically initiate jQuery to be deactivated. In addition to the option to remove support for jQuery, there is an option to run jQuery Debug Tools that works with HubSpot Developer Debug Mode to identify modules dependent on jQuery.

⚠️  Unchecking the box "Enable jQuery" can cause your live website to break or not display properly.  ⚠️

Disable Google Font API for GDPR / DSVGO 🇪🇺 - Disables the Google Font Library loading via GoogleFontAPI and converts to local fonts without manually installing as custom fonts. This does not apply to the Google Font API loaded with YouTube videos, while we have updated the video module to allow for the "nocookie" URL, this is only a delayed cookie, and once the video is played the cookie still loads. We recommend local hosting as an alternative to YouTube.

Slider Layouts Added - Updated the Sec Image Boxes, Sec Video Boxes, Sec Services, Sec Team, Sec Post Preview, Sec Values, and Sec Steps to include a Slider Layout option. See Slider Features

Added Vimeo Support  - Videos hosted on Vimeo can now be used in Video modules and as background videos in all section modules.

Sec Device Mockup - Added an option to align the image vertically.

Content Height Option for Hero - Added a Layout option for "Content Height" to adjust the height of the hero based on the content across all devices.

Minor Tweaks - Added option to allow YouTube Shorts URLs, updated various help texts, updated Sec Search Results to include autofocus option if not used at the top of the page.

Header Contact Hover Bug - Fixed an issue causing the email address or phone number to overflow out of the box on hover.

Sec Text Lorem Ipsum Bug - Fixed an issue causing the lorem ipsum text to display in HTML despite the column being hidden.

Sec Text Alignment Bug - Fixed an issue causing the right column text to appear above the Title when Intro Title was not used.

Chat Widget Safari Bug - Fixed an issue causing the header to overlay widgets in Safari browser if the 3D effect is activated.

Hero Slider Mobile Bug - Fixed an issue causing the height of the slider to change based on the image height on mobile.

Hero Typewriter Bug - Fixed an issue that prevented the Typewriter function from being used in more than one hero module on the same page.

Header Search Input Bug - Fixed a JS Error.

Particle Effect Default Color Bug - Fixed a JS Error.

ADVANCED MEGA MENU 💯 - Create custom Mega Menus for your Header navigation with Titles, Menus, Buttons/Links, CTAs, Icons, Lines, Spacers, and Rich Text Fields to add Text, Images, Video, and custom content!

Each Menu, Column, and Wrapper (section within a column) can be styled with your choice of Color, Image, Gradient, Glassmorphism/Blur, or Transparent backgrounds that can be layered or used as accents.

With a flexible 12-column grid and sub-areas above and below, you can optimize your navigation to create the best UX possible!  See Advanced Mega Menu Features

ADVANCED FOOTER 🎨 - Build your own Footer Layout with a flexible 12-column grid structure. The new Advanced Footer settings also allow you to create a sub-footer above or below the main footer (with independent column structure), add background styles for the footer, columns, or wrappers within the columns, and so much more! See Advanced Footer Features

FIGMA Design File NOW AVAILABLE! - Includes all POWER modules so you can build page layouts quicker! Request your copy today!

HOT NEW! Tags available for Menus 🔥 - By popular demand, we've made it easy for you to draw attention to your menu just like we have on the Features menu for the POWER demo. See Menu Tags 

Highlight and Accent Styles - Added option in Theme Settings to define a Highlight and Accent style that can be used throughout the theme with the <mark> and <em> tags. See Highlight and Accent Features

Search in Hero 🔎 - Added option to include search bar in the Hero (e.g. for Blog Listing page)

Pricing Table Columns Added 🏦 - Updated the Layout to include choice of 3, 4, or 5 columns for more flexibility for Sec Pricing. See Pricing Features

Custom Icons for Comparison Tables - Added option to add your own custom icons to the Comparison Tables. See Comparison Features

Video Columns Added 🎬 - Updated Sec Video to include choice of 2, 3, or 4 column Layouts. See Video Features

Hide Current Post for Post Preview - Removed the current blog post from the SEC Post Preview module so that it does not display the post of the page the user is currently viewing.

New Shape Dividers - Added mini wave and mini triangle for modules with shape dividers. See Shape Divider Features

Chat Contact Icon - Option to change the phone icon to a chat icon in the Global Header layouts.

Header Social Icons - Expanded the option to display social icons in the Header outside of the burger menu and/or Top Header.

Custom CSS Class and Anchor Link IDs - Updated modules to include a Custom CSS Class ID that can be referenced in the child.css to make customizations without relying on module ID numbers. Also added Anchor Link ID to modules where it was not included previously.

Minor Tweaks - Added option to change the background color for the active state of the Toggle for the SEC Pricing module, revised the help text for the SEC Logos Image (Deprecated) setting to clarify the naming for the new Image Item(s) setting, updated _pwr-style-settings to clarify custom font set up, revised help text for Color Scheme settings, reduced the size of the touch/tap icon for SEC Services module on mobile, 

Blog Post Author Social Icons Bug - Fixed an issue causing the social icons to not display in the author box on the Blog Post Template.

Custom Fonts v24 Bug - Fixed an issue for child themes with fields.json files that caused the fallback font to not work properly.

Bullet Point Default Bug - Fixed an issue impacting the default Line bullet point style causing the theme settings to be republished.

Entry Template CSS Bug - Removed old code from custom-styles.css that was causing issues with the Entry Template.

Breadcrumbs Background Image Bug - Fixed an issue related to the background image setting for the SEC Breadcrumbs module.

Testimonial Intro Text Bug - Fixed an issue causing the Intro Text to not center for the SEC Testimonial module.

Mini Icon Alignment Bug - Fixed an issue causing the icon to shift to the right when alignment set to center.

Breadcrumb Bug - Fixed an issue causing the Breadcrumb to render Bullet Points on the About Me template.

Hero Basic Icon Bug - Fixed an issue causing the Up Arrow icon to display if no icon was selected for Basic Items added to the Hero. Items can now be added with no icon.

Legal Text Font Bug - Fixed an issue causing the Legal Text to render the wrong font and also to not update when changed in Theme Settings.

Advanced Font Bug - Fixed an issue causing the main header items to receive the wrong styling.

Sec Video Link Bug - Fixed an issue causing the External link to ignore the open in new window setting.

Content Split Mobile Bug - Fixed an issue related to the content height to adjust the spacing for mobile.

Image Box Bullet Bug - Fixed an issue with Image Boxes when using a bulleted list in the rich text description where it was displaying on top of the overlay.

⚠️ NEW GLOBAL HEADER & FOOTER for SYSTEM PAGES ⚠️ - Added in v23, if you're updating from v22 to v24, please take note of the changes below for v23!

⚠️  You will need to set up the new System Page header and footer upon accepting the update to v23/v24.

Particles Background 😍 - Added new particles background feature to Sec Hero. Choose from different shapes, densities, interactive behavior, directions, and much more... See Particles Feature

Custom Fonts v23 Bug - Themes with custom fonts installed stopped displaying, updated to ensure custom fonts display properly.

Safari Hover Bug - Fixed an issue in v23 for new Safari browser versions where the text in the back of boxed elements was still visible after hovering, fix now includes all modules.

⚠️ NEW GLOBAL HEADER & FOOTER for SYSTEM PAGES ⚠️ - Added 4th Layout option to the Global Header module and Global Footer module for System Pages. Due to changes impacting customer accounts differently, some accounts previously used the Landing Page header/footer, while others used the Page header/footer.

To resolve this and provide more control, the new System Page header/footer will be applied to the 404, 500, and Search templates. Subscription templates will not be impacted by this change.

⚠️ You will need to set up the new System Page header and footer upon accepting the update.

Comparison Image Layout 📸 - 3 new layout options to showcase before and after images or other images for comparison in the Sec Images module (formerly Sec Image Slider). See Comparison Image Features

Image Hotspots 🔥- Add hotspots to your images with the hotspots layout also available in the Sec Images module. See Image Hotspots Features

Advanced Font Theme Settings 🔤 - Added the option to select a different font within the theme settings under Fonts > Formatting to allow the fonts to be changed for individual elements to override the base or accent font and appearance on tablet/mobile.

New Bullet Point Styles 🎨 - Added option to theme settings to choose a bullet point style and updated color settings for light and dark schemes with the option to choose bullet point color.

Typewriter Location in Hero ⌨️ - New Layout option in POWER Sec Hero module to have the Typewriter at the beginning of the Header text instead of only after.

Footer Shape Dividers 🏄 - Added Layout option to add shape dividers to the Footer module.

Comparison Table Links 🔗 - Added Link option for rows in the Sec Pricing Table using the Comparison Layout.

Pricing Table Features Tooltip - Added Tooltip to Features for Sec Pricing Table to allow info icon to display help text on hover.

Language Switcher for Separate Domains 🌐 - Improved the functionality of the language switcher to allow for the use of different domains (.com for English and .de for German) instead of requiring the multi-language variant that adds the language slug (/de). See Multi-Language Setup Instructions

Optional Menu Arrow for Language Switcher 🌐 - Added an option to include a down arrow next to the current page language to indicate to the user that an alternate language can be selected.

System Translations for Additional Languages 🌐 - Updated _translations.html to include Danish, Swedish, Finnish, and Norwegian.

Improved Responsiveness for Image CTA in Blog Posts - Updated to scale proportionally instead of containing the height and only adjusting the width.

Sort Blog Topics Alphabetically - Blog Listing now displays the Topics alphabetically (the default previously was in the order created).

Minor Page Speed Improvement 🏃 - Optimized code to improve page speed. Time to Interactive and Time to First Byte are improved by ~20% on many pages. 

Sec Breadcrumbs - Added External URL type to allow for anchor links to be set up.

Minor Tweaks - Enlarge burger menu tap area (iPhone), changed the calculation for blog post time read from 130 WPM to 200 WPM, updated Sec modules to make the max title width optional, added an option to override the CTA style in the header, adjusted the hero title font size on mobile to be more responsive.

Sec Testimonials - Corrected huge font size for one-by-one layout on tablets.

Safari Hover Bug - Fixed an issue where the text in the back of boxed elements was still visible after hovering.

Sec Services - Corrected bug causing Boxed with Link layout to not display.

Sec Guide - Corrected bug that did not allow for quotes to be used in the questions (single and double quotes now allowed).

Custom Button Style Hover - Corrected bug causing Slide Up Hover Effect to not work for custom button styles. Also corrected conflict with custom buttons turning all white on hover when used with the dark scheme.

Sub Sticky Menu - Corrected bug on mobile that caused the page to jump to the top on button click.

Sub Image Box- Improved the responsive settings for images to improve image quality when the image box is very wide, such as in a 1-column layout.

Macros - Changed Include to Import to reduce errors caused when cloning a module to a child theme.

Client Logo Grid Layout 🕸️ - New Layout option in POWER Sec Client Logos module. Check it out here

Hover Colors 🎨 - Can now be changed globally in the theme settings.

Intro Title Styles 🏷️ - New style options in section modules for intro titles. Available options: custom color or gradient for text, background color, gradient and border radius. Check it out here

Scroll Shadows 🔦 - For scrollable elements like sticky sub-menu, hamburger menu, or pricing tables on mobile, a subtle shadow indicates that there is more content available on scroll.

Linked Images - In client logos and image slider modules images can now be linked.

Alignment Options - Sec Device Mockup module: Options to align text and image horizontally for both desktop and mobile. Sec Client Logos module: Option to vertically align images. Sec Text module: vertical alignment options for 2 column layout on desktop.

Hide Hamburger Icon - Added option to hide hamburger icon

Transparent Section Background - Option to set the background of a section module to transparent. That way multiple section modules could be stacked within one dnd area and could share the same background image (set in the dnd styles of the dnd area).

Blog Background Colors - New fields in theme settings to set the background color of the blog listing and blog post templates.

Minor Tweaks - Different help texts, removed search button in 404 template, custom button styles for Sec Forms module, Horizontal paddings now more consistent throughout different widths.

Sub Service Box - Padding fixes 

Sub Image Boxes - Fixed responsive issues where the box width was getting too narrow.

Sec Teams - For reduced layout circular images are now also possible for versions with tabs. Circular images have improved responsiveness now.

Header Menu Breakpoint - If the browser width was exactly on the theme setting value for Header Menu Breakpoint, no menu was shown, due to the wrong media query breakpoint config.

Price Comparison Table 🏆 - Got feature-rich products and services? Showcase your pricing with our new and advanced comparison table using price toggle, tooltips, section dividers, images, and more. Check it out here.

New Button/Link Style - Animated arrow to the left

Image Slider - Hide navigation elements if only one image is used

Theme settings - Some elements did not fully use available theme settings related to the horizontal padding on mobile, line-heights, and letter-spacing.

Content Media Split & YouTube videos - Fixed a JS error that appeared when using YouTube videos in that module

Section Shape Dividers 🏄 - Create beautiful, dynamic pages with new visual dividers and get creative with lots of configuration options!

Hero 🙌 - Fullscreen option. Multiple button styles. Pause time option for typewriter effect.

Price Tables 🍭 - Price switcher functionality.

Buttons - More button size options and the ability to define four additional custom buttons styles.

Sliders - Pagination bullet styles configurable via theme settings.

Service Boxes - New style that allows links to sub-services directly in the box description.

Accordions - Beautiful accordion styling options and the ability to pre-open on page load.

Header ❤️ - Mobile option for top bar. Option to flip order of top bar elements. New Glassmorphism style. Option for login icon. Custom color scheme for dropdowns. Menu position configurable within header. Customizable logo sizes for all cases. Mobile burger menu items can be expanded/collapsed by buttons. Also parent menu items can be tapped/clicked on mobile.

Image Boxes - Custom box height options. Option to show description on the front

Accessibility - Added "Skip To Content" button for all pages

Mini CTA - Option to configure regular buttons

Sec Steps - Title optional. Button option.

Mobile Order - Change order on mobile for Content Media Split, Device Mockup, and Text Section with two columns

YouTube Video Backgrounds - Pause behavior configurable in theme settings

Translatable System Pages - Added Portuguese

Smooth Scroll - Exchanged with more performant solution

Device Mockup - Set hide image on mobile default to false

Image Boxes - Section button overlapping the section description in some cases

Header - Prevent default values going into Schema.org info

Map - Fixed indentation for multiple lines in boxed style

Hero - Fixed issue with letter-spacing for extra-large titles

Sec CTA - Fixed issue section padding

Translatable System Pages - 404 pages only displayed the main language

Testimonial Slider - No separator line if no job description

Hero Slider 🎉 - We listened to your feedback and slider functionality is available now!

Media Content Split - New option to show images in full or covering the container

Headings - Font size of headings can be adjusted independently of the header type now (h1,h2,h3,..)

Filters - You can choose between a dropdown and a list style for all filters now. The dropdown will be shown on mobile as default. 

Translatable System & Blog Pages - The translations take effect for all types of website pages now. In some cases, Italian words instead of English words appeared.

Burger menu - The language switcher hides the dash if no descriptive text is configured

Form Field Styles - For customers that have created a child theme "the old way" the default form styles are gone. The reason is, that the fields.json file gets overwritten by the child theme. This update fixes the issue.

New Module 🎉 - We added a module called "Guide" which helps your users navigate quickly by answering questions

Gradient Titles 🌈 - Use gradient colors for section titles 

New Form Input Styles 😎 - Border, Boxed, Glassmorphism

Additional Form Style - Section module allows border styling for boxed layout now 

Additional Team Styles - Added new style with circular images and description texts for reduced style

Language Selector for Blog Listing - Our header supports this template type now

Translatable System & Blog Pages - System pages are now translatable via the child theme with standard texts for English, German, French, Dutch, Italian, Spanish

Header Menu - The burger menu can now be configured independently of the main menu 

Header Buttons - An additional CTA/Button can now be configured and styled independently

Service Icons - Icons of the service module are now adjustable in size 

Header Logo Link - Can be overwritten in the header module now

x min read - Optimized calculation of read-time for blog posts

Search results template - Fixed missing default configuration for the search results template

Escape key - Fixed a problem with the Escape key allowing to exit the search, TOC overlays, etc. by key

Chrome V93 & 3D boxes -Some POWER modules that allow 3D effects do not render correctly for the new stable version of Chrome Browser V93. Please update or add this hotfix

Typewriter effect in Hero module - Some characters were not escaped correctly. 

Sticky Sub-Menu 🍒 - This new module allows you to add a beautiful on-page sticky navigation that is also able to show how far a user scrolled the site!

Custom JS for child themes - Custom Javascript can now easily be added when using child themes

Lazy-Loading Images - Optimized the lazy loading for smaller device widths.

Blog Post Preview - Related posts filter was too specific. A wider range of posts is accepted as related posts now

TOC/Burger Menu - Removed default browser scrollbars

Blog Post Header - Changed default value of the header overlay color

Blog Templates - Added thumbnail images

Footer Links - Optimised long links to not overlap on certain smaller screen widths

Field Prefix/Suffix - Added new suffix labels for theme and module field values

Rich-Text Icons - Fixed an issue with our theme interfering with the width and height settings of rich-text icons.

Email Subscription Preferences - Fixed an error that did not allow to properly edit the settings

Cookie Notice & HS Chat - Fixed the HubSpot chat partly overlapping the cookie notice

Dropdown Select on Windows - Fixed the options of dropdown select not being visible on Edge/Internet Explorer if the dark scheme of a module was selected

Parallax Effect - Fixed background image not fully scaling if the parallax is switched off for mobile via theme settings

Sec Form - Fixed an issue when several instances of this module were used on the same page

Sec Text with Tabs and TOC - Fixed an issue with tabs not being properly clickable if tab content starts with headings and the TOC module is used on that page

Blog author & Social Profiles - If social profiles were switched off, email and website pages were also not showing on the blog author pages

Background Gradient Overlay - Gradient overlay option was missing for some modules background settings

Testimonial Slider & TOC - Testimonial sliders got cut off on the sides when the TOC module with narrow content was used on a page

Global Blog Header/Footer - Added the ability to configure a dedicated header and footer for the blog listing and blog posts

Page Settings - Locally overwriting button type did only work after when the button type setting was already changed by the user before.

Global LP Header/Footer - Option to edit the landing-page variant of the global header/footer was not shown

Schema.org - Code examples in text form led to schema.org definitions not rendering correctly for blog posts

Page Editor DnD UI - Layout shift before and after loading styles is too big for the HS page editor UI elements to be initialised correctly => Temporarily restrict header height in page edit mode

Page Editor blank - Animation on scroll (AOS) is not rendered correctly in HS page editor => Disable AOS in page editor

Module Rendering in Templates - Some modules did not render correctly within templates, e.g. Maps

Top Header font settings - Changes in theme settings regarding the font of the top header did not work.

Template Types - New template types for existing blog templates

Animation On Scroll - Animation delay was falsely required for some elements on module level

Sub Services Module - "Read More" text not showing for boxed layout

Missing dependencies - for sub-image-box, sub-video-box and sub-simple-listing modules

Animations on scroll  🙌 - Global defaults in theme settings and possibilities to overwrite them on module level for whole sections or module elements. Animation-type, -delay, -duration, -offset 

Typewriter effect ⌨️ - Available for the hero module's title

Device Mockup Module - Optimised to prevent layout shifts

Parallax Effect & Lazy Loading - Optimised calculation of parallax position in combination with lazy loading the parallax image

Footer - Displacement of menu columns for layout variant "full" on small devices with widths <= 320px