How to Change Heading Styles and Sizes in Content widget

What You’ll Learn

You’ll learn how to format text as styled headings (H1–H6) and adjust font sizes using Morweb’s visual editing tools.

Why It Matters

Using proper heading styles enhances readability, accessibility, and SEO. Structured headings make it easier for visitors to scan content and keep your website visually consistent with your brand.

---

Step-by-Step Instructions

---

1. Option 1: Edit with the Text Editor

1. Open the Text Editor

1. Hover over the upper left corner of the content area.
2. Click the gear icon to open the Text Editor window.

2. Change a Heading Style

1. In the toolbar, find the format dropdown (it usually shows “Paragraph” by default).
2. Select a heading level:
   • Heading 1 (H1): Main page title (use once per page)
   • Heading 2 (H2): Section titles
   • Heading 3–6 (H3–H6): Subsection titles

3. Optional: Adjust Font Size

1. Use the Font Size dropdown to choose a predefined size.

Or, click the HTML icon (</>) to enter inline styles manually. Example:

<h3 style="font-size: 24px;">Custom Sized Heading</h3>

4. Save Your Changes

1. Click the green checkmark to apply the changes.

---

4. Option 2: Edit with the Morweb Live Editor

1. Open the Live Editor

1. In the text area, right-click to bring up the editor menu.

2. Edit the Heading

1. Click the Edit button (pencil icon).
2. Use the Heading dropdown to select your desired style (H1–H6).
3. Click outside the menu to apply changes.

---

Troubleshooting Tips

• Can’t Find the Heading Dropdown

  The toolbar might be hidden. Click inside the text block to make it appear.

• Inconsistent Font Sizes

  For consistency across pages, use predefined styles instead of custom inline styles.

---