H3
Use H3 for subsection headings, card titles, feature titles, and smaller structured headings.
When to use H3
- Title individual cards inside an H2 section.
- Add subheadings inside FAQ, pricing, feature, or testimonial sections.
- Structure supporting content without using oversized H1 or H2 elements.
Content settings
| Setting | What it controls |
|---|---|
| Text field | The visible subsection heading. |
| Type | H3 uses the h3 heading tag. |
| Inline formatting | Highlights or links when available. |
Style settings
| Style area | What you can adjust |
|---|---|
| Alignment | Heading alignment. |
| Typography | Font, size, weight, line height, letter spacing, and responsive values. |
| Color | Text, hover, and highlight colors where available. |
| Spacing | Margin, padding, width, and responsive spacing. |
Best practices
- Use H3 under an H2 section.
- Keep H3 labels short when used in cards.
- Avoid using H3 only because of visual size; choose the level that fits the content structure.
Testing notes
- Check the surrounding heading order so the H3 sits under the correct H2 section.
- Preview card layouts on mobile if the H3 is used as a repeated card title.
- Confirm highlight colors and line height still work for short and long headings.
FAQ
When should I use H3?
Use H3 for subsection headings, card titles, FAQ row titles, feature labels, and other smaller headings that belong under a larger H2 section.
What should I configure before publishing an H3?
Review the heading text, inline formatting, alignment, typography, color, highlight styles, hover color if used, and responsive spacing.
Should I use H3 just to make text smaller?
No. Choose H3 when it fits the page structure. If the text is not a heading, use Paragraph and style it visually instead.
What should I check if an H3 wraps badly on mobile?
Shorten the heading, adjust font size or line height, and review card width, margins, and padding on mobile.