What are you looking for?

Get help straight from our team...

Creating and Styling Headings

Add and customize headings in your Frame site.

Updated 3 days ago

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