Heading block: Same font size as the Paragraph block is applied when using some themes

[fluiddot]

Description

When using the themes Seedlet and Spearhead, the text of the Heading block is displayed using the regular font size. Besides, changing the Heading level is not reflected in the text.

NOTE: This issue doesn't happen when using other themes.

Step-by-step reproduction instructions

1. Use the themes Seedlet or Spearhead.
2. Open a post/page.
3. Add a Heading block.
4. Add some text.
5. Observe that the text has the same font size as Paragraph blocks.
6. Change the Heading level.
7. Observe that the font size of the text doesn't change.

Expected behaviour

The text of the Heading block should be rendered with a bigger font size than the Paragraph block. Also, changing the Heading level should be reflected in the text.

Actual behaviour

The text of the Heading block is rendered with the same font size as the Paragraph block. Also, changing the Heading level is not reflected in the text.

Screenshots or screen recording (optional)

WordPress information

• WordPress version: N/A
• Gutenberg version: N/A
• Are all plugins except Gutenberg deactivated? N/A
• Are you using a default theme (e.g. Twenty Twenty-One)? N/A

Device information

• Device: iPhone 11
• Operating system: iOS 15.4.1
• WordPress app version: 22.4

[kspilarski]

Hi @fluiddot and @geriux I tested this today, September 10, 2024 and was able to replicate the issue only on the Seedlet theme.

• WordPress iOS app 25.3
• iPhone 15 Pro Max
• iOS 17.6.1

---

Spearhead theme

On the Spearhead theme, the heading works fine in both the editor and live page/post.

In a page/post, adding a Heading block automatically sets it to H2 and the heading texts appear larger than the paragraph. Changing the heading size to H6 or H1 adjusts the size in the editor and live page/post:

H6 (editor):

H1 (editor):

H1 (live post):

---

Seedlet theme

On the Seedlet theme, the heading size appears the same as the paragraph in the editor. The heading size only works in the live page/post.

Adding a Heading block to a page or post automatically sets it to H2, but the H2 heading texts appear the same size as the paragraph. In the editor, changing the heading size to H1 didn't enlarge the texts, and remained the same size as the paragraph.

Heading 2 texts are H2, while Heading 1 texts are H1. Both headings appear the same size as the paragraph in the editor:

On the live page/post, the heading texts work fine and the size are larger than the paragraph:

[geriux]

Hey @kspilarski thank you for sharing more information about the issue.