What's New in Spectra

New:

• Introducing the Counter block with layouts that will help you flaunt your stats in a cool way!
• Introducing the Image Gallery block with extensive customizability, as well as the all-new perfectly-tiled layout!
• Introducing the ability to add custom CSS directly at the page level!

Improvements:

• Heading – Added sub-heading and separator position settings.
• FAQ – Added background size, background color and border stylings for the toggle icon.
• Post Grid – Added a setting to show buttons on equal height.
• Post Grid – Added a setting to toggle image aspect ratio.
• Post Grid – Added an equal height option for featured images.
• Matrix Alignment Control – Added the new Matrix Alignment Control to match the Spectra UI.
• Number Control – Added the new Number Control to match the Spectra UI.
• Global – Updated Block Previews for All Spectra Blocks in the Editor.
• Code – Added Automatic Block Prioritization and Organization.

Fixes:

• Forms – Added email address labels.
• Icon List – Resolved an issue in which the links were getting disabled for icon list children.
• Marketing Button – Resolved an issue where setting the background type as transparent or gradient results in the block encountering an issue.
• Post Carousel – Resolved an issue where the block breaks on the front end when a background image is set.
• Post Grid – Resolved an issue where enabling the show taxonomy toggle did not show taxonomy on the posts in the editor.
• Responsive Border Control – Resolved an issue where buttons from multiple blocks were not inheriting the theme’s style.
• Responsive Border Control – Repositioned the misaligned reset control button in all border settings.
• Responsive Border Control – Resolved an issue where the border stylings do not work as expected for responsive devices.
• Select Control – Adjusted this control to properly align with other setting controls.
• Text Control – Changed the default label.
• Global – Resolved an issue where the hover stylings of buttons in multiple blocks were not working in the editor.

Improvements:

• Admin Dashboard – Updated Spectra Core Blocks to prevent them from being disabled.

Fixes:

• Buttons – Eliminated validation errors when we add a “nofollow” to the link.
• Info Box – Resolved an issue where the title gets disabled in the editor when setting the title tag as a paragraph tag.
• Post Blocks – Resolved an issue in which the “spectra/v1/all_taxonomy” Rest API gets called multiple times in the editor.
• Tabs – Updated the second preset to behave as shown in the preset preview.
• Team – Prevented social icon styling options from being shown when the social icons are disabled.
• Global – Resolved an issue where the editor layout shifts towards the right when clicking on any block settings.
• Global – Resolved an issue where Spectra component stylings get overridden in the customizer block editor.
• Code – Resolved an issue in which the “uagb_spectra_font_awesome_polyfiller” AJAX gets called multiple times.

Improvement:

• Info Box – Added Responsive feature to the Info Box icon width setting.
• Info Box – Added a background type selector for the call-to-action.
• Info Box – Added a toggle to show/hide the call-to-action icons.
• Call To Action – Added support to edit the button labels directly in the editor.
• Call To Action – Added a toggle to show/hide the button icon.
• FAQ – Added a background type selector for the question-answer container.
• Forms – Added a background type selector for the submit button.
• Post Carousel/Grid/Masonry – Added support to edit the button labels directly in the editor.
• Post Carousel/Grid/Masonry – Added a background type selector for the call-to-action.
• Post Carousel – Added a background type selector.
• Post Timeline – Added support to edit the button labels directly in the editor.
• Responsive Conditions – Added slanted lines to identify hidden blocks for each device type in the editor.
• Text Control – Updated and Implemented a new and improved Text Control across Spectra settings for a more consistent user interface.
• Global – Implemented CLS for all the blocks which have an image tag.
• Global – Updated the highlighter color for Spectra blocks.
• Global – Updated How To and Table Of Content block labels in the editor and the admin dashboard.
• Responsive Conditions – Added uag_reponsive_conditions_compatible_blocks js filter to add the responsive conditions compatibility for third-party blocks.

Fixes:

• Image – Resolved the issue where the negative margins are ineffective inside a Container.
• Info Box – Resolved an issue with the title being disabled in the editor when the paragraph tag is used.
• Call To Action – Resolved the second button CSS style issue on the front end.
• Marketing Button – Resolved the issue with the Blocksy Theme where the block does not remain in the stacked order.
• Post Carousel/Grid/Masonry – Resolved the article tag class conflict with the TranslatePress plugin.
• Table Of Contents – Resolved an issue regarding the marker alignments.
• Tabs – Resolved the aria mismatch issue with Lighthouse.
• Presets – Updated presets to remove the override for background color, box-shadow color, text content and even selected icons.
• Responsive Conditions – Resolved an issue where the responsive conditions do not save when using a Legacy Block.
• Global – Removed the deprecated “__experimentalGetSettings” and used “getSettings” for date controls.
• Global – Resolved the scroll-to-specific-block feature not working when switching between desktop/tablet/mobile.
• Global – Prevented most blocks from encountering an issue with the react hook “withSelect”.
• Admin Dashboard – Prevented the font selection dropdown from getting cut off when expanded.

Improvement:

• Compatibility with WordPress 6.1.
• Container – Equal height setting in the Parent container.
• Post Block – Woo Commerce Products (CPT) not getting in Post Type.
• Block Transform – Transform from core Paragraph/List to Spectra Heading/Blockquotes.
• Post Blocks – Optimize the loading of Post Terms.
• Table of content – Added overall block alignment option.
• Info Box – Option to disable step links.

Fixes:

• Image – Throws validation issue when toolbar link feature is used.
• Button – Box shadow stylings are not working as expected on frontend.
• Tabs – Plus button height was not the same as other tab buttons on the editor.
• Tabs – Tabs border is inconsistent inside the editor and on the frontend.
• Marketing Button – Backward Compatibility title color and hover issue on the frontend.
• Post Carousel/Masonry- Taxonomy stylings are not working as expected in different layouts.
• Post Masonry – Row gap and column gap label changed.
• Post Masonry – Column Gap was impacting another post masonry, post grid, post carousel blocks.
• Post Carousel – Column gap was not identical on the frontend after upgrading from v1.25.6 when an image is set as background.
• Post Carousel – On reducing or increasing Post per page all items sticks to each other in editor.
• Post grid – In the editor, the Read more button border-radius is not working on hover.
• Forms – Phone country code text overlapping for mobile view in frontend.
• Forms – Phone height and size enlarged issue on the editor.
• Forms – Fixed phone dropdown icon position on the frontend.
• Forms – Translation of select field text on the frontend.
• Forms – Removed the required string and toggle button from the form block.
• Forms – Toggle field size not working on responsive devices.
• Forms – Settings uneven spacing issue and Hide border colors when style set to default.
• Forms – Checkbox throws an issue in the console when the required toggle is ON.
• Copy Paste Styles – Removed hover color for disabling paste style text.
• Twenty Twenty-One Theme Issues – Button styling is not working correctly on both sides.
• Resolved undefined PHP issue for block attribute.
• Info Box – After drag and drop, block SVG looks bigger for a second.
• Icon List – Disable link not working properly on frontend for old users.
• Table Of Contents – Empty heading list, throwing a console error on the front end.
• Review Schema – Added an aggregate rating in Type Software Application type.
• Call To Action – Button was not the same as frontend when it is selected as text.
• Call To Action – Selected preset looks different after refreshing in page on the editor.
• Testimonial – Slider does not slide the content when returning from last slide to first slide.
• Table Of Contents – Reusable headings are not listed in TOC on the frontend.
• Timeline – Connector does not show color without an icon when scrolling.
• Resolved Buttons should consider button text as a string instead of HTML in multiple blocks.
• Container – Does not work properly when it is used inside the cover block.
• Image – Hover on the border for normal image layout is not working.
• Table Of Contents – Page was not scrolling to the headings on the frontend for some edge cases.
• Translation for default text was missing for some blocks.
• Z-Index extension is not working for the dynamic blocks.
• Content flickering in the editor when hovering over it.
• Container – Page freezes when we select and move multiple blocks at once to the container.
• Advanced Column – Core image block caption alignment issue.
• Admin Dashboard – Toggle not working properly in RTL mode.
• Mobile CSS overrides desktop CSS inside the customizer.
• Spectra block editor CSS conflict with other plugins
• Desktop icon for responsive control move to the left from their position.
• Container – Child container gets unwanted margin applied when boxed and content boxed layout is selected in the editor when Astra theme is activated.
• Spectra CSS conflict due to which date picker of post scheduler does not show the navigation.
• Icon list – Icon Alignment top and middle not working as expected if we increase font size.
• Container – Breaks when the background is a video and classic overlay is selected.

Fixes:

• Icon List – Bold/Italic style tag visible in an aria-label attribute.
• Icon List – Text Alignment is not working properly on the front end.
• Form – Backward Compatibility Stylings Issue on the editor.
• Advanced Column – Paragraph block wrapping with the image when image size and position are changed.
• Advanced Column – Image was not getting aligned center on the front and the editor.
• Call To Action – Button CSS conflicts with the Newspaper theme.
• Customizer was frozen when theme blog settings were changed.
• Review Schema – Star ratings do not reflect on the front end like the editor when multiple review blocks are used.
• Review Schema – Stars appear left in the editor and right on the front end when clicked.
• Table of Contents – Adding uagb-toc-hide-heading class to exclude heading from TOC list not working on front-end.
• Container – Z-index was not applied on the front end.
• FAQ – Throwing an undefined style issue in the console when an HTML anchor is used.
• Info Box – Removed default image width for new users while maintaining a default width of 120px for old users only.

Improvement:

• How to block – Option to disable step links.
• Forms – Added ‘Required’ toggle for Accept field/sub-block.
• Content Timeline – Changed default description.
• Media Picker – Updated Video Icon.
• Post Carousel – Gap between Content & Dots functionality.

Fixes:

• Price list – Heading are causing overlap on mobile on front-end.
• Forms Toggle – Changed default label from ‘Name’ to ‘Toggle’.
• Forms – Fixed alignment for required toggle button in Phone block and added spacing between toggle and the ‘Required’ label.
• Content Timeline – Removed extra margin added to title and description by theme and core WordPress in editor and frontend.
• Info Box – Images looked enlarged after upgrading to Spectra.
• Form – Form is sending empty data after adding keys for ReCaptcha V3.
• Forms – Required Toggle for the Checkbox field was not clickable in the editor.
• Advanced Row – Border not visible for the backward users.
• Price List – Changed default padding for images so that the image aligns with the title.
• Responsive Border – Border width occasionally misbehaves when set to zero.
• Price List – Columns settings are not working in the mobile editor.
• Container – Shape divider background colour issue on the editor.
• Responsive condition – Setting does not save when hide on multiple devices is selected.
• How-To – Alignment for time and cost not working in the editor as well as on the front end.
• Post Carousel and Masonry – Background Image overlay colour is not the same as the frontend.
• Advanced Row – Border hover colour not working on the front end.

Improvement:

• Media Picker – Added Optional Label Display and Improved UI.
• Updated copy-paste functionality logic for parent-child blocks.

Fixes:

• Container – Child block’s margin & padding gets removed in the editor.
• Info Box – Description margin considers values for desktop, even for tablet and mobile devices (on frontend).
• Table of content – When disable marker is enabled List style tab is not visible.
• Star Rating – Padding/Margin was not working when the star position was set to “Before”.
• Image: Image Size is not working as expected for images when drag and drop.
• Table of Contents – Collapse table icon/button not working in the editor.
• Advanced Columns – Border radius does not apply properly to the column and inner-column elements.
• Forms – Phone field label is null on the email template.

Fixes:

• Responsive condition – Conflicting with the plugin using REST API block preview.

Fixes:

• Post Blocks – PHP notice if the number of columns are not set.