Spectra – Heading Block

Headings play an important role on a website. The more attractive your heading looks, the more attention you’ll be grabbing on to it.

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.

Have a look at the stunning demo here. In this article, you will see some essential features of this block.

Key features of the Spectra Heading Block

Add heading, sub-heading.

Add a separator between heading and subheading

Add Gradient to Headings

Add text-shadow to headings

Add Background to Heading

Customize the Separator

Highlight heading and subheading

You can highlight both heading and subheading. By selecting the text, you can see the \’Highlight Text\’ icon. After clicking that icon, navigate to \’Highlight\’ tab under Style options on the right side of the block editor. There you can set the text color and background color of your choice.

Add Links to heading and subheading

By selecting the text, you can see the link icon to add hyperlinks. Once you add the hyperlinks to the text, navigate to the \’Link\’ tab under style options. You can set the hyperlink color and hover color here.

Typography and Color options for Heading, Subheading

Typography tab offers options to set a custom font size and font weight for the heading and subheading. Under the ‘Style’ tab, you will find separate typography tabs for both heading and sub-heading. You can set different typography styles for heading and sub-heading.

Typography and Color option for Heading:

Typography and Color option for subheading: