What are you looking for?

Get help straight from our team...

Creating and Styling Headings

Creating and Styling Headings

Add and customize headings in your Frame site.

Last updated on 28 Oct, 2025

TL;DR

1
Add a heading
Use the plus button or slash command to insert a heading.
2
Customize the heading
Set the heading level and alignment.
3
Style the text
Bold, italicize, and adjust colors in settings.
4
Adjust dimensions
Modify padding, margin, and border settings.
5
Move and link
Drag to reposition and add links.

Let's Do It Together!

Step 1: Add a Heading

  1. Press the black plus button and select heading.

  2. Alternatively, use the blue block inserter to drag or click on heading.

  3. For this tutorial, we'll use a slash command: type heading and press Enter.

Your heading is now added to the frame site.

Snapshot

Step 2: Customize the Heading

  1. Choose the heading level: Heading 1, Heading 2, Heading 3, or Heading 4.

  2. For this example, we will select Heading 2.

  3. Align the text: choose left, center, or right alignment.

  4. For now, we'll leave it aligned to the left.

Your heading is customized with the desired level and alignment.

Snapshot

Step 3: Style the Heading

  1. Highlight the text to bold or italicize it.

  2. You can transform text using the transform button to change it from a paragraph to a heading.

  3. To style further, access the settings button on the right side of the screen.

  4. Change text color and background color as needed.

  5. Adjust typography using preset sizes or a custom pixel size.

Snapshot

Step 4: Adjust Dimensions and Borders

  1. Modify padding and margins under dimensions for more space.

  2. Add a border and adjust the border radius for rounded corners.

  3. Change the border color if desired.

Snapshot

Step 5: Move and Link the Heading

  1. Drag the heading to reposition it using the drag button.

  2. Press Ctrl Z to undo any changes.

  3. Highlight the text to add a link to make it clickable.

Your heading can now be moved and linked for navigation.

Snapshot

Step 6: Additional Options

  1. Add footnotes or apply strike, subscript, or superscript formatting as needed.

Snapshot

Previous

Creating Directory - Part 2

Next