Seventh > Blocks > Text

Text

The Text block displays rich text content with typography customization options. Perfect for paragraphs, descriptions, announcements, or any text content that needs formatting.

What it does

This block displays text content with:

• Rich text support with full formatting options
• Multiple text size options
• Line height and weight controls
• Text transformation options
• Custom color support
• Automatic paragraph formatting

Block settings explained

Content

Content

• Enter your text content
• Supports rich text formatting (bold, italic, links, lists, etc.)
• Automatically formats paragraphs
• Default: Sample text about sharing information

Typography

Text size: Controls the size of the text:

• XXSmall - Very small text
• XSmall - Extra small text
• Small - Small text
• Medium - Medium text (default)
• Large - Large text
• XLarge - Extra large text

Line height: Controls spacing between lines:

• Default - Standard line spacing (default)
• Smallest - Tightest line spacing
• Smaller - Reduced line spacing
• Larger - Increased line spacing
• Largest - Maximum line spacing

Case: Controls text capitalization:

• Default - Text appears as typed (default)
• Uppercase - All text in uppercase

Text weight: Controls font weight:

• Normal - Standard font weight (default)
• Bold - Bold font weight

Reduced text opacity

• When enabled: Text appears with reduced opacity
• When disabled: Text uses full opacity
• Creates subtle, muted text appearance

Custom text color

• Choose a custom color for the text
• Default: Uses theme text color
• When set to transparent (rgba(0,0,0,0)), uses theme color

Common use cases

Product descriptions

• Use medium or large text size
• Normal weight for readability
• Default line height for comfortable reading
• Perfect for product detail pages

Announcements

• Use large or xlarge text size
• Bold weight for emphasis
• Custom color to stand out
• Great for promotional messages

Supporting text

• Use small or xsmall text size
• Reduced opacity for subtle appearance
• Normal weight
• Perfect for captions or fine print

Body content

• Use medium text size (default)
• Default line height
• Normal weight
• Standard for paragraph content

Tips for success

Text sizing

• Readability - Medium to large sizes work best for body text
• Hierarchy - Use smaller sizes for supporting text
• Emphasis - Use larger sizes for important content

Line height

• Readability - Larger line height improves readability for longer text
• Compact - Smaller line height for space-efficient layouts
• Default - Works well for most content

Text formatting

• Rich Text - Use formatting tools for bold, italic, links, lists
• Paragraphs - Text automatically formats into paragraphs
• Links - Add links directly in the rich text editor

Visual design

• Weight - Use bold sparingly for emphasis
• Color - Custom colors can help text stand out
• Opacity - Reduced opacity creates subtle, secondary text