Test 1: Basic Headings (h1-h6)

Heading 1 - Header Font Family

Heading 2 - Header Font Family

Heading 3 - Body Font Family

Heading 4 - Header Font Family

Heading 5 - Body Font Family
Heading 6 - Body Font Family
Test 2: Headings with Strong Tags

Heading 1 with strong text

Heading 2 with strong text

Heading 3 with strong text

Test 3: First-child Headings (should be flush with top)

I am the first child - no top margin

This paragraph comes after the first heading.

Test 4: Paragraphs and Links (Default RTE - No Component Theme)

This is a regular paragraph with a link inside it. The link should be underlined and colored.

Another paragraph with bold text and another bold element.

Paragraph with an focusable link - try tabbing to it.

Test 5: RTE with Component Theme Class (text-component-card-item-body)

This paragraph has a component theme class. Default RTE typography should NOT apply.

Links like this one inherit from component theme instead.

Test 6: Unordered Lists (ul)

Here's a list of items:

  • First list item
  • Second list item with a link
  • Third list item with bold text
  • Nested list:
    • Nested item 1
    • Nested item 2
    • Third level:
      • Deep nested item
  • Last list item
Test 7: Ordered Lists (ol)

Steps to follow:

  1. First step
  2. Second step
  3. Third step with nested list:
    1. Sub-step a (lower-alpha)
    2. Sub-step b (lower-alpha)
      1. Sub-sub-step i (lower-roman)
      2. Sub-sub-step ii (lower-roman)
  4. Final step
Test 8: List + Paragraph (should have spacing)
  • List item 1
  • List item 2
  • List item 3

This paragraph should have proper top spacing (mb-spacing-spacing-24).

Test 9: List + Heading (ul + h2)
  • List item 1
  • List item 2

This heading should have proper spacing from list above

Some content after the heading.

Test 10: Adjacent Headings (h2 + h3, h3 + h4, etc.)

Main Heading (H2)

Sub-heading (H3) - should have spacing from H2

sitecore-image

Sub-sub-heading (H4) - should have spacing from H3

H5 heading - should have spacing from H4
Test 11: Ordered List + Paragraph (ol + p)
  1. First ordered item
  2. Second ordered item
  3. Third ordered item

This paragraph after ordered list should have proper spacing.

Test 12: Blockquote

Here's a quote from someone:

This is a blockquote with a coral left border and proper padding.

 

Content continues after the quote.

Test 13: Horizontal Rule (hr)

Content before horizontal rule.


Content after horizontal rule.

Test 14: Address Element

123 Main Street
London, UK
SW1A 1AA

Test 15: Text Alignment Classes

This text is aligned left

This text is centered

This text is aligned right

This is justified text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Test 16: Indentation Classes

No indentation

Indent level 1 (pl-10)

Indent level 2 (pl-20)

Indent level 3 (pl-32)

Indent level 4 (pl-40)

Test 17: Complex Content Mix

Article Title

This is an introductory paragraph with a link and bold text.

First Section

Some content in the first section.

  • Key point one
  • Key point two
  • Key point three

Paragraph after the list should have proper spacing.

Second Section

Before ordered list:

  1. Step one
  2. Step two
  3. Step three

Sub-section

Final paragraph with another link.

Test 18: Form Buttons (Submit & Reset)

Form content:

 

Test 19: Table (resize to mobile to see responsive behavior)
Header 1Header 2Header 3
Row 1, Cell 1Row 1, Cell 2Row 1, Cell 3
Row 2, Cell 1Row 2, Cell 2Row 2, Cell 3
Test 20: Carousel Rich Text (carousel-rich-text class - no bottom margins)

Irwin Mitchell LLP
Riverside East
2 Millsands
Sheffield
S3 8DT
United Kingdom

Tel: 0114 276 7777
Email: enquiries@irwinmitchell.com