Resolving Layout Conflicts with Spectra Containers After Astra Update

Are you experiencing layout issues with Spectra containers after updating Astra and Spectra ?

This documentation explains the cause of the problem and guides you through a simple solution.

Layout Conflicts with Spectra Containers After Astra Update

Previously, Astra offered built-in container block styles like Group, Cover, and Columns. However, with advancements in the WordPress block editor, we’ve transitioned to using the Spectra plugin for enhanced design flexibility.

Current Issue

Using the “Legacy” block editor styles alongside Spectra’s new container feature can lead to layout conflicts. Both features try to apply their styles, causing unexpected behavior.

Solution

To resolve this, we recommend switching away from the “Legacy” block editor styles. Here’s how:

• In your WordPress dashboard, go to Appearance > Customize.
• In the customizer sidebar, look for the Global section and click on Block Editor.

• Under Block Editor Styles, choose an option other than “Legacy.” Popular options include “Compact,” “Comfort,” or “Custom.” Selecting “Custom” allows for further customization.
• Click the Publish button in the top bar to save your changes.

Additional Resources:

• Astra Documentation on Improved Block Editor Experience: https://wpastra.com/updates/astra-3-8/ (This document provides a detailed explanation and screenshots)
• https://wpastra.com/docs/improved-block-editor-experience/

By following these steps, you can effectively resolve layout conflicts with Spectra containers and take advantage of the improved block editor experience.

Don’t hesitate to reach out to our support team if you need assistance with these adjustments.