- 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
- Getting 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)
- Frequently Asked Questions – VIP Priority Support
- Whitelist an Email Address
- Installing and Importing Starter Templates
- Getting Started With Spectra
- Manually Install Spectra via FTP
- Automatic Beta Updates for Spectra
- Rollback To Previous 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 Process Refund Requests?
- 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
Section
Section is a powerful block for Gutenberg. It is basically the outer wrapper that can be used with any other block. It offers advanced options like padding, margin, different background types, border styles etc. So you can use any other block in the section, and manage spacing and color for it.
Key features –
- Use section within a section
- Use section as a wrapper and manage Padding / Margin / Border / Background for any block
- Offers Full Width and Boxed Width for block
- Responsive support
- Background can be set as Image / Color / Gradient / Video
Use section within a section and manage space around it
Use any block or section within a section. Select a Spectra section and then add any block from the list to the section. Section provides padding and margin options under the Spacing tab. You can manage padding and margin from all sides.
Offers Full Width and Boxed Width for a block with responsive support
Under the Layout tab, you get an option for Content Width. This width can be managed for the entire section. On responsive devices, section manages the width automatically. So that you don\’t get a scroll for the content.
Set background as Color/ Gradient/ Image/ Video
Section offers options to set the background as normal color, gradient. You can choose colors background type under the Background tab and then choose colors. You can even set image or video as a background to the entire section.
Set Border to section
Under the Border tab, you can choose different types of the border. Set width and border radius for the border.
We don't respond to the article feedback, we use it to improve our support content.