# How to Add Heading to Your Page ?

<span style="color: rgb(0, 0, 0);">**Through this document , you will uncover the 'Heading' feature properties in site editor page through two key elements:**  
  
**[1. Adding a Heading](https://kb.salerise.com/link/14#bkmrk-adding-heading)**  
**[2. Feature Settings Window](https://kb.salerise.com/link/14#bkmrk-feature-settings-win)**  
</span>

### **<span style="color: rgb(186, 55, 42);">Adding a Heading</span>**

- Drag the Heading icon from the available features

[![image.png](https://kb.salerise.com/uploads/images/gallery/2023-11/scaled-1680-/j0vimage.png)](https://kb.salerise.com/uploads/images/gallery/2023-11/j0vimage.png)

- Drop the Heading icon into the desired location on your website page

[![image.png](https://kb.salerise.com/uploads/images/gallery/2023-11/scaled-1680-/iHzimage.png)](https://kb.salerise.com/uploads/images/gallery/2023-11/iHzimage.png)

### **<span style="color: rgb(186, 55, 42);">Feature Settings Window</span>**

Upon dropping the heading, a settings window will appear, offering four main features:

- **Theme**
    
    
    - Explore different themes for your heading to align with your website's aesthetic

<iframe allowfullscreen="allowfullscreen" height="447" src="https://www.youtube.com/embed/UN21A34LtXw?feature=shared" style="width: 815px; height: 447px;" width="815"></iframe>

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

- **Settings**
    
    
    - Customize and enter your own text
    - Add several classes from a long list of options
    - Select heading level (H1,H2,H3,H4,H5)
    - Determine how your heading is visible on devices (Mobile , Tablet , Desktop , Large desktop)

  
<iframe allowfullscreen="allowfullscreen" height="449" src="https://www.youtube.com/embed/iOWOpucKjXI?feature=shared" style="width: 806px; height: 449px;" width="806"></iframe>

  
  
\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

- **Design**
    
    
    - Determine the font type
    - Determine font color with gradient

<iframe allowfullscreen="allowfullscreen" height="455" src="https://www.youtube.com/embed/NGQMRou0e1I?feature=shared" style="width: 814px; height: 455px;" width="814"></iframe>

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

- **Animation**
    
    
    - Add animation to your text from a long list of animation options
    - <span class="ui-provider ef ayj ayk ayl aym ayn ayo ayp ayq ayr ays ayt ayu ayv ayw ayx ayy ayz aza azb azc azd aze azf azg azh azi azj azk azl azm azn azo azp azq" dir="ltr">Enhance your animated text by incorporating timing in seconds </span>