What's New in Spectra

Improvements:

• Global – Added support for Spectra One’s preview options.

Fixes:

• Table Of Contents – Fixed the improper HTML markup/structure for the heading list.
• Testimonial – Resolved an issue where the default Testimonial blocks were sharing the same background image.

Fixes:

• Buttons – Resolved an issue in which an error was thrown when the background color was set to gradient.
• Buttons – Resolved an issue in which the background color gradient would not work as intended on the front end.
• Call To Action – Resolved an issue in which an undefined variable warning would appear on the frontend.

Fixes:

• Buttons – Resolved an issue in which the button size would not work as expected in the editor after adding padding.
• Resolved an issue with an invalid Google Maps API Key in the Embed URL implementation, ensuring functionality, and made the block dynamic for enhanced flexibility.

Fixes:

• Post Carousel – Resolved an issue in which the posts would not show up on the front end when the number of columns was greater than the number of posts.
• Separator – Removed the block preview image from the Style Book.

New:

• Introducing the Inherit From Theme option – Choose to make buttons in Spectra blocks inherit their styles from the theme.

Improvements:

• Icon List – Added the functionality to create a new list item when pressing the enter key inside the Icon List block.
• Global – Updated the hover box shadow generation, added shadow transitions and added optional hover shadow separation.

Fixes:

• Container – Fixed an issue where setting a text color for a heading from a child container would affect all other headings on the page.
• Call To Action – Resolved an issue in the responsive view wherein the button would become taller when using an additional button.
• Forms – Resolved an issue in which the custom class for Forms block uag-col-2 was not working as intended on the front end.
• Image Gallery – Removed the additional bottom spacing in the masonry layout that would appear on certain themes.
• Image Gallery – Resolved an issue in which the masonry layout would appear stacked for a brief moment on load.
• Image Gallery – Resolved an issue in FSE themes wherein the lightbox would have an extra top margin on the front end.
• Post Carousel – Resolved an issue in which preset layout 4 would not show as a slider on the front end.
• Post Carousel – Resolved an issue in which the carousel would appear as a grid for some time on load.
• Post Carousel – Resolved an issue in the FSE ( Full Site Editing ) template in which the arrows would overflow the page.
• Table Of Contents – Resolved an issue in which the Table Of Contents block would overflow the Container in Full Site Editing (FSE) themes.
• Table Of Contents – Resolved an issue in which the uagb-toc-hide-heading class would not work on core heading blocks in the front end.
• Taxonomy – Resolved an issue in which the number of columns would not work as required for responsive devices on the front end.
• Team – Resolved an issue in which the alignment would not function properly when the Team block is used in RTL mode.
• Spectra Custom CSS – Resolved Conflict with Astra Custom Layout Sticky Settings.
• Global – Resolved an issue in which the CSS would not load in the front end in edge cases.
• Global – Resolved an issue wherein the border would overlap parts of the background images and gradients.

Improvement:

• Added Premium Templates in Template Kits library.

Fixes:

• Admin Dashboard – Added missing i18n support for some strings.
• Admin Dashboard – ‘Activate all’ and ‘Deactivate all’ previously had no impact on the status of Animations extension.
• Animations Extension – Resolved the ‘Error loading’ issue for dynamic blocks that was caused by animation attributes.
• CF7 Designer – Resolved an issue with CF7 Styler where CSS of custom classes were not being applied correctly to multiple column fields.
• Image Gallery – Resolved an issue in which the ‘show on hover’ border color for bar-type captions would not work as intended.

New:

• Introducing the Popup Builder – Create sitewide Popups and Info Bars with ease!
• Introducing the Animations extension – Give a new life to your page with some scroll-based entrance animations.
• Introducing the Separator block – Divide your page content in style.

Improvements:

• Heading – Added the functionality to move onto a new paragraph when pressing the enter key inside the Heading block.
• Countdown – Added the Countdown block to the list of Core Blocks.
• Typography – Added ‘Bebas Neue’ Google font in Font Families.

Fixes:

• Container – Resolved an issue in which the content box width would not apply in the editor inside the column core block.
• Container – Resolved an issue where the video/image background styling was not working as expected on the front-end.
• Image – Resolved an issue where an error would occur when we try to crop the image.
• Buttons – Fixed the issue in which the text hover color would apply to the icon when the icon is enabled.
• Info Box –  Resolved an issue in which the prefix margin would not be applied on the front-end.
• Forms – Fixed an issue on form submission failure in FSE themes.
• Image Gallery – Resolved an issue wherein the carousel images would initially appear big on load.
• Form – Resolved an issue in which the forms were not being submitted when the block is used inside the footer widget.
• Masonry Gallery Extension – Resolved an issue in which the Masonry Gallery extension would not work as intended in the FSE.
• Masonry Gallery – Resolved an issue in which the reset button did not work as intended.
• Modal – Resolved an issue with the close button in Astra’s custom layout action hook `before_add_to_card_form`.
• Modal – Resolved an issue wherein the alignment of the block moves to the center from the left when inside the Container.
• Post Blocks – Resolved an issue wherein the Spectra Heading and Container blocks were not displayed in post excerpts.
• Post Grid – Resolved a pagination bug in Post Grid that affected the other grid’s pagination.
• Slider – Fixed an issue that was causing the Slider block to malfunction when used in the Full Site Editing (FSE) template and widget editors.
• Table Of Contents – Updated the front-end preview UI to match in the “Inside Post/Page Content” type of Astra’s Custom Layout.
• Table Of Contents – Resolved an issue wherein the gap between lists setting would not work as required on the front-end.
• Tabs – Set the tab title default color to ‘inherit’ to prevent it from taking the link color from the theme.
• Taxonomy List – Resolved an issue where the child taxonomy links would show the link of the parent taxonomy.
• Multi-buttons Control – Resolved a console issue that occurs when setAttributes is not defined.
• Custom CSS – Added support for Custom CSS on the front-end for WP Core blocks without requiring a Spectra block to be present.
• Global – Resolved an issue wherein a PHP error would appear for the Full Site Editing (FSE) font compatibility feature.
• Global – Fixed an issue wherein a Google error would appear when loading Google Fonts locally with a specific font weight and family set to default.
• Global – Fixed a font resource URL breakage issue that occurs when the provided ‘google_font’ array contains a font family with an empty string.
• Global – Updated dynamic styling to load in FSE (Full Site Editing) template pages in the front-end for reusable blocks.

Features:

• You can now add Google Fonts to Block Based Themes from Spectra Dashboard.

Fixes:

• Counter – Added support for use within Slider (previously not working within Slider when it’s set to infinite loop).
• Buttons – Gap settings on Mobile preview is taking desktop value as default.
• Modal – Container background do not get border radius.
• Modal – Background not applying properly when custom width is set.
• Resolve an issue of PHP error appear for block-based widget editor.
• Table Of Contents – Removed the console warning that was thrown for an empty collapsible Table Of Contents block.

New:

• Spectra now has support for the all-new Spectra Pro!

Improvements:

• Global – Improved the editor performance.
• Global – Added Advanced options in Gradient Component.

Fixes:

• Container – Resolved an issue where the heading tags were not inheriting the color from the theme or the Container.
• Container – Removed Z-index restrictions that caused Image Gallery Lightboxes to get overlapped by other content.
• Container – Handled the full-width issue encountered with the Neve theme on the front-end.
• Container – Fixed settings link control’s unlink functionality.
• Heading – Removed the extra padding that was visible in the editor.
• Image – Resolved an issue where the width and height tags would not appear when an image is uploaded.
• Image – Removed the extra spacing and fixed the escaping container size issue in FSE themes.
• Image – Resolved an issue in which the image sizing was incorrectly set for mobile devices on the front-end.
• Countdown – Fixed separator line-height mismatch between the editor and the front-end.
• Forms – Resolved an accessibility issue wherein the field labels for date and toggle child were missing.
• Image Gallery – Replaced the null array focus list with an optimized object.
• Image Gallery – Updated the carousel gap to work as required.
• Modal – Removed the trigger alignment option for automatic, custom ID and custom class trigger types.
• Post Carousel – Resolved an issue in the TwentyTwentyone theme wherein the hover styles for arrows and dots were mismatched in the editor and front-end.
• Post Carousel – Resolved an issue in which the gap between posts was not visible when only 2 posts were present.
• Slider – Updated dot color setting to avoid taking the background color of arrows.
• Table Of Contents – Resolved an HTML validation issue in the HTML validator.
• Advanced Columns – Resolved an issue in which the border radius was not getting applied in the front-end.
• Controls – Updated control UI to render seamlessly when in RTL mode.
• Spacing Control – Removed the capability to set negative values for width and border radius settings.
• Typography Control – Removed the capability to set negative values for line height and font size settings.
• Global – Resolved an issue in which fonts would not load in the customizer when Spectra blocks are used in Astra theme’s header/footer section.
• Global – Updated the mobile settings to inherit tablet setting values in the editor instead of inheriting desktop values.

Fixes:

• Container – Updated default content width for block-based themes to wide Size.