---
title: Heading
description: "## Overview The **Heading widget in SiteCraft** helps you create eye-catching and customizable titles for any section of your website. It includes powerful styling options like highlighted text, typography control, and visual effects — all without needing custom CSS. ---…"
url: "https://sitecraft.themeshala.com/docs/heading/"
updated: "2026-04-18"
category: General Widgets
---

# Heading

## Overview

The **Heading widget in SiteCraft** helps you create eye-catching and customizable titles for any section of your website. It includes powerful styling options like highlighted text, typography control, and visual effects — all without needing custom CSS.

---

## Key Features

- Highlight specific words using bracket format: `[Your Text]`
- Text alignment control (left, center, right)
- Advanced blend mode effects
- Text stroke (outline) customization
- Text shadow support
- Full typography controls
- Custom colors for normal and highlighted text
- Fully responsive design

---

## How to Enable the Widget

Before using the Heading widget, ensure it is enabled in SiteCraft.

**Steps:**

1. Go to **SiteCraft → Dashboard → Widgets**
2. Locate **Heading Widget**
3. Toggle to enable it
4. Click **Save Changes**

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-switcher.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-switcher.png)

---

## How to Add the Widget in Elementor

1. Open a page with **Elementor Editor**
2. Search for **“Heading”** under SiteCraft widgets
3. Drag and drop it into your section
4. Customize via Content, Style, and Advanced tabs

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-el-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-el-scaled.png)

---

## Content Settings

Control the structure and basic setup of your heading.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-el-content-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-el-content-scaled.png)

**Options:**

- **Title** – Enter your text
  - Use brackets to highlight: `We Build [Creative] Websites`
- **HTML Tag** – Choose H1–H6 for SEO
- **Alignment** – Left, Center, Right

---

## Style Settings

Customize the visual appearance of your heading.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-el-style-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-el-style-scaled.png)

**Available Controls:**

- **Typography** – Font, size, weight, spacing
- **Text Color** – Main heading color
- **Highlight Color** – Bracket text color
- **Blend Mode** – Creative visual effects
- **Text Stroke** – Outline width & color
- **Text Shadow** – Shadow blur, offset, color

---

## Advanced Settings

Fine-tune layout and responsiveness.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-el-advanced-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/heading-el-advanced-scaled.png)

**Includes:**

- Margin & padding
- Responsive visibility
- Motion effects
- Positioning
- Background & border

---

## Use Cases

Perfect for:

- Hero section titles
- Section headings
- Feature highlights
- Promotional banners

---

## Result

You can now create visually engaging headings with highlight effects and advanced styling using the **SiteCraft Heading Widget**.