Create and Style Headings

Headings are crucial for structuring your content, providing clear navigation for both readers and search engines. They create a logical flow and help users understand the organization of your page at a glance.

Let's Do It Together!

Step 1: Add a Heading

1. Use the blue block inserter to drag or click on heading.

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

   To quickly add specific heading levels, use shortcut commands in a new paragraph block:

   • /h1 for Heading 1

   • /h2 for Heading 2

   • /h3 for Heading 3

Your heading is now added to the frame site.

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.

Remember: the page title is automatically set to Heading 1, so typically levels under that should be H2.

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.

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.

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.

Step 6: Additional Options

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