Seventh > Blocks > Caption

Caption

The Caption block adds small, supportive text often used above headings or images.

What it does

This block displays:

• Short caption text
• No paragraphs

Block settings explained

Content

Content

• Enter your text content
• Supports basic text formatting (bold, italic, links)

Typography

Text size: Controls the size of the text:

• XXSmall - Very small text
• XSmall - Extra small text
• Small - Small text
• Medium - Medium text
• Large - Large text

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 background color

• When set (not transparent), it will wrap the entire caption inside a "pill"
• The paddings around the text are based on the text size

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

Icon

Icon

• Select a built-in icon to display on the button
• Options include: None, Earth Globe, Flag, Helpline, Like Hand, Map Marker, Security Shield, Star, Appointment, Archive Box, Box, Checkout Cart, Currency, Delivery, Delivery Time, Giftbox, Label, Open 24 Hours, Open Box, Paper Bag, Shipping Truck, Store, Time, Time Limit, Wallet
• Icons are organized by category (Business, Commerce)
• Default: None

Custom icon

• Upload a custom image to use as an icon
• Supports common image formats
• Overrides built-in icon if both are set

Common use cases

• Section labels
• Image or card subtitles

Tips for success

• Use concise wording
• Keep contrast subtle but readable

Troubleshooting

• If it’s too large, reduce size or weight
• If it blends into the background, adjust color