What's New in Spectra

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.

Improvements:

• Updated Spectra to work with WordPress 6.2 and Full Site Editing (FSE) themes.
• Added filter to enable/disable core responsive condition.
• Resolved the Spectra blocks editor spacing conflict with the Blocksy theme.

Fixes:

• Image – Resolved an issue where the image caption was visible twice in the editor when a caption is enabled.
• Inline Notice – Resolved an issue where the content color and typography were not working in the editor.
• Modal – Resolved an issue where the Info box as an inner block was not loading in the Modal when Gutenberg was activated.
• Social Share – Optimized PHP code for legacy users causing an error due array_merge() parameter issues.
• Taxonomy List – Added the missing translation for the Select string in the PHP code.
• Post Grid – Resolved an issue where pagination was not visible inside the editor.

New:

• Introducing the Countdown block that will help you generate hype and create a sense of urgency among your audience, during product sales or releases!
• Introducing the Icon block that allows you to add FontAwesome 6 icons on your website with tonnes of styling options.

Feature:

• Image Gallery – Added a new lightbox feature with all the essential customizability that you’ll need.

Improvements:

• Performance – Optimized the editor performance for all Spectra Blocks.
• Performance – Improved the archive page speed.
• Image Gallery – Added a dropdown to select the image size for all the images in the gallery.
• Custom CSS – Disabled the option for “on page-level CSS”.
• Typography – Added Fahkwang and Jost Google Fonts in Font Families.
• Typography – Added Zen dots Google font in Font Families.
• Display Conditions – Added a “Day” option to display Spectra blocks on specific days.

Fixes:

• Container – Resolved the full-width issue when adding a Container block inside the Slider block.
• Container – Resolved an issue where the content was misaligned vertically when the background type was set to “video”.
• Image – Resolve an issue that was encountered when the Gutenberg plugin was activated.
• Image – Updated the image dimensions width & height box as per the Spectra UI guidelines.
• Buttons – Fixed the stack orientation and responsive alignment settings not working as expected on the front end.
• Info Box – Resolved an issue where the icon was misaligned on tablet/mobile when padding was added.
• Info Box – Updated the CTA hover styling on the front end.
• Call To Action – Resolved an issue where the additional button’s icon color was not changing on hover in the front end.
• Forms- Resolved an issue where the form submit throws a success message without adding the “To” email address field.
• Forms/Tabs/Table Of Contents – Resolved an issue where the JS throws an error in the console on blog/home page.
• Post Timeline – Resolved an issue where the left padding was not applicable on the front end.
• Team – Resolved an issue where images were not working as expected on responsive device presets.
• Display Conditions – Fixed the undefined key/index when the Operating System is set to none.
• Responsive Conditions – Updated slanted lines visibility for Counter and Slider Blocks.
• Responsive Conditions – Slanted lines not visible for Post timeline and Content timeline Blocks.
• Global – Updated Border Settings to remove all Border CSS when set to “default”.
• Global – Excluded BR Tags from buttons’ text.
• Global – Cartflows templates throw an error in the editor’s Spectra Page Settings.
• Global – Fonts were not loading on the 404 page when Spectra blocks were used in the Astra theme’s header/footer.

Improvements:

• Global – Removed Backward compatibility of button padding for old users from multiple blocks.
• Global – Updated SVG icons rendering conditions & optimized the loading.

Fixes:

• Container – Full height and Fixed background Image not working properly on the editor.
• Info-Box – CTA padding not working on responsive devices.
• Heading – Disabling heading and sub-heading hides the separator.
• Forms – Using form inside inner blocks, it was showing an error on submit.
• Background control – Image has the wrong units for custom positioning.

Improvements:

• Updated Gutenberg Templates Library.

Fixes:

• Post Block – PHP comment appears on the front end.