No results found. Try again with different words?

Search must be at least 3 characters.

Improved Spectra Compatibility

Sidebar Image

Did not find a solution? We are here to help you succeed.

Spectra is 100% beginner friendly and enhances the default WordPress block editor, Gutenberg. Using Spectra, you can power up the Gutenberg editor with advanced and powerful blocks that help you build websites in no time! Our goal with Spectra was to bring out a product with everything you need to build excellent websites coupled with the best user experience.

We have added new Spectra Compatibility for users in the most recent update of the Astra theme version 3.9.4. This will enhance the user experience while working with Spectra utilizing the editor and the front end. In this document, we will explain the major updates that are going to be major game changers.

Better alignment with Page Title for Spectra blocks in Editor

We have improved the page title alignment and the container alignment of the Spectra blocks and the Gutenberg core block. All the container block types are now supported with the Spectra plugin and the alignment of all the blocks such as Full Width Contained, Content Boxed container and Boxed Container layout look better than ever.

Spectra-Container-box-allignment-improvemnt

Better alignment with Page Title for Spectra blocks in the Front-End

These alignments are improved in the front end as well without any extra effort. This will make creating the website using Gutenberg and Spectra along with the Astra theme much cleaner and easier. In the new version of the Astra theme, the page title, headers, paragraph columns, and core blocks and perfectly aligned.

Spectra-Container-box-allignment-improvemnt-frontend

Matching Front-end and editor experience with Specta

We have also improved the paddings and margins on this new version of the Astra theme. As always, we have also fixed a few minor bugs along the way.

User Experience:

For new users (fresh installation) the updates will automatically be in effect; however, the existing users, who updated to the latest version (3.9.4) of the Astra theme, will need to use the following filters (the updates directly don’t reflect in this case to maintain backward compatibility for your site). If you are not sure how to insert the code, please refer to this article.

You will need to switch to the “Compact” or “Comfort” or “Custom” mode from Customizer > Global > Block Editor > Core Blocks Spacing. Post switching to compact or comfort or custom mode, you can add the below filters to experience the new improvements:


/* For the new spectra compatibility fixes/improvements version 3.9.4 */
add_filter('astra_spectra_gutenberg_compat_css', '__return_true');

/* For previous fixes/improvements prior to version 3.9.4 */
add_filter( 'astra_get_option_wp-blocks-v2-ui' , '__return_true' );
Was this article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

Download is Just A Click Away!

Membership Retention Checklist Download

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form