No results found. Try again with different words?
Search must be at least 3 characters.
- Section
- Troubleshooting – Icons missing from the blocks
- Spectra Patterns
- How to Set Multiple Column Fields in Contact Form 7 Styler of Spectra?
- Styling Checkbox / Radio / Acceptance control in Contact Form 7 Designer block of Spectra
- Unable to Style Checkbox / Radio Buttons / Acceptance Control using Contact Form 7 Styler of Spectra
- Tab Index – for multiple Gravity Forms
- How to Get Started with Spectra
- How to Exclude A Heading from Table of Contents?
- Spectra – Display Conditions for Blocks
- Importing Single Pages, Templates, and Block Patterns In Spectra
- How to Enable or Disable the Design Library Button
- Spectra – Copy and Paste Style
- Spectra – Container Flex property
- Spectra – Default Content Width
- Spectra – Blocks Editor Spacing
- Spectra – Collapse Panels
- Spectra – Responsive Conditions
- Spectra Pro Dynamic Content Extension
- Site Visibility
- Clearing Cache with Spectra Actions
- Quick Action Bar
- Add Multiple Instagram Accounts in Spectra
- Getting Started with Grid Builder
- Move the Title Bar to Top
- Resolving Layout Conflicts with Spectra Containers After Astra Update
- How to Register High-Privileged Users on Your Website
- Additional User Roles to Access AI Assistant
- Spectra Database Update Instructions (Version 2.0.0 and Below)
- Installing and Importing Starter Templates
- How to Get Started with Spectra
- Manually Install Spectra via FTP
- Automatic Beta Updates for Spectra
- How to Rollback to Previous Spectra Versions
- How to Load Google Fonts Locally
- Activate the Spectra Pro License Key
- How to Install Spectra Pro Plugin
- Translate Spectra Strings using Loco Translate
- How to add a Transparent / Sticky header?
- How to Change the Site Logo?
- How to Change Global Styles?
- How to Disable Title on Posts, Pages?
- How to add a transparent/ sticky header for a single page/post?
- Change Header and Footer Patterns in Spectra One Theme
- Add Custom/Google Fonts In Spectra One
- How to reset global default styling?
- Manually Install Spectra One via FTP?
- Disable or Enable Header/Footer for Specific Pages/Posts
Spectra – Blocks Editor Spacing
Adding or removing blank space between the blocks gives you more control over the design of your WordPress site. To make this process much more accessible, Spectra has developed a Blocks Editor Spacing feature.
Enabling this setting will apply spacing between all blocks inside the block editor.
This guide delves into Spectra’s Block Editor Spacing settings, explaining how to control the space between blocks to achieve a clean and organized layout.
Why Does Block Editor Spacing Matter?
While content is king, the way you present it visually on your website plays a significant role. Well-managed spacing between blocks improves readability, and guides users’ eyes through the content.
Spectra recognizes this importance and provides control over block editor spacing. This allows you to customize the space between different types of content, ensuring a visually clean and engaging website for your website visitors.
How to Enable Blocks Editor Spacing?
To enable the Blocks Editor Spacing option, go to Spectra > Dashboard > Settings > Editor Options > Blocks Editor Spacing. You can input the value of your choice, and the settings will be saved automatically.
By enabling this option, the spacing will be applied between all blocks inside the block editor.
Example:
If you set the Blocks Editor Spacing to 50px, the spacing between blocks in the block editor will automatically be set to 50px. Have a glance at the below-attached screenshot.
We trust this document has been helpful to you. If you have any questions or need further assistance, please don’t hesitate to leave a comment below. Your feedback is valuable to us!
We don't respond to the article feedback, we use it to improve our support content.