No results found. Try again with different words?
Search must be at least 3 characters.
- Using Spectra Heading Block
- Buttons
- Post Grid
- Content Timeline
- Social Share
- Google Map
- Add Testimonials to Your WordPress Website
- Info Box
- Team
- Icon List
- Price List
- Post Masonry
- Post Carousel
- Post Timeline
- Call To Action
- Advanced Columns
- Blockquote
- Marketing Button
- Gravity Form Styler
- Table Of Contents
- How-to Schema
- FAQ – Schema/ Accordion
- Inline Notice
- WP – Search
- Review Schema
- Lottie
- Taxonomy List
- Tabs Block
- How to Create Contact Forms for Your WordPress Website
- Star Rating
- Masonry Image Gallery
- Wireframe Blocks
- Spectra – Heading Block
- Spectra – Image Block
- Spectra – Buttons block
- ‘Translate Everything’ Feature in WPML
- Spectra – Container Block
- Spectra – Taxonomy Styling Options
- Spectra – Block Presets
- Image Gallery
- Counter Block
- Modal Block
- Registration Form Block
- Slider Block
- Custom CSS On Page Level
- Countdown Pro
- Designing Custom Navigation for Your Slider
- Instagram Feed
- Loop Builder
- Animations
- Using Spectra Login Form Block
- Global Block Style Extension
- How to Create Popups Using Spectra
- How to Add Custom Blocks Under Spectra Blocks
- Move Block Patterns from One Site to Another
- Getting Started with Grid Builder
- Adding a Newsletter Form to Your WordPress Site Footer
- How to Register High-Privileged Users on Your Website
- 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
- 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
Using Spectra Heading Block
In Spectra, the heading block lets you design headings and subheadings that are informative and look great. You can customize them, and add interactive features, and they work well on different devices.
Now, let’s check out the next part of this document to learn more about how the heading block is used and its features.
What is Spectra Heading Block
The Spectra Heading Block is a super handy block for creating content using headings and subheadings.
It doesn’t matter if you’re new to making websites on WordPress or if you’ve done it before – using Spectra’s heading block makes your content look way better and more interesting with lots of easy-to-use, yet powerful customization options.
What are the Uses of Heading Block
The Spectra provides stunning options with the Heading Block. You can customize your headings, add a sub-heading, use a separator, and customize them completely.
Here are some important things you can do with the Spectra Heading Block:
- You can easily add main headings, sub-headings, and even links to headings.
- You have the flexibility to align your headings in various ways – left, center, or right.
- You’re in control of the fonts and colors for your headings and sub-headings, giving your content a personalized touch.
- You can add a separator between the main heading and subheadings. Also, you can customize the separator’s height, width, and color options.
- You can manage the spacing between your main heading, sub-heading, and the separator to make everything look just right.
How to Create a Heading in Spectra
Now that we understand more about why you might want to use a Spectra Heading block, let’s look at how you can create one in a few simple steps.
Note that for this tutorial, we’ll assume you already have Spectra installed and activated on your website.
Once you have Spectra installed on your site, you can simply follow the steps below.
Add Spectra Heading Block
To get started, navigate to the page or post where you want to insert your heading. Then, click on the + icon at the top of the screen.
This will launch the Spectra interface. From the blocks on the left, search for and select the Heading block.
Align the Heading and Sub-heading
Under the General tab, you can choose alignment for the content i.e., for heading, separator, and subheading.
Customize separator
Under the General tab, you will find an option to set the style for a separator. Under the Style tab, you can set the Width, Thickness, Color, and Bottom Spacing for the separator.
Manage Space Between Heading, Subheading, and Separator
You have the ability to control the spacing between your main heading, subheading, and the separator. To adjust these spacing settings, simply navigate to the Style tab.
Customize Typography and Color options for Headings, Subheading
Style tab offers options to set a custom font size for the heading and subheading. You can also choose a heading tag for the heading.
Save and Publish Your Page
When you’re satisfied with the look and contents of your Spectra Heading block, the only thing left to do is to save and publish it.
You can do so by clicking the Publish button at the top right side of the screen.
That’s it!
Then you can preview your page or post on the front end to confirm that it looks as you want it to.
We hope this article has been helpful. If you have any questions, please feel free to leave a comment below.
We don't respond to the article feedback, we use it to improve our support content.