---
title: "Ascend – Change Typed Text Font"
source: "https://docs.nexcess.com/software/kadence/ascend-change-typed-text-font/"
description: "To just remove the uppercase text transform, add this CSS to Theme Options> Custom CSS: .kt_typed_element { text-transform: none; } Add more font properties as…"
vertical: "Software"
area: "Kadence"
date: "2021-08-17"
last_modified: "2026-07-06"
---

# Ascend – Change Typed Text Font

To just remove the uppercase text transform, add this CSS to Theme Options> Custom CSS:

```
.kt_typed_element {
text-transform: none;
}
```

Add more font properties as desired like this:

```
.kt_typed_element {
text-shadow: 5px 1px 0px black;
text-transform: none;
}
```

If you wish to change the font for the subtitle, you can target with this CSS:

```
.home .titleclass .subtitle {
text-shadow: 2px 1px 0px black;
}
```

#### Default Desktop Header:

[![header typed text default ascend theme](https://docs.nexcess.com/wp-content/uploads/2026/07/headertypedtextdefault-min.jpeg)](https://docs.nexcess.com/wp-content/uploads/2026/07/headertypedtextdefault-min.jpeg)

#### Mobile Header in Desktop:

[![header typed text with CSS ascend theme](https://docs.nexcess.com/wp-content/uploads/2026/07/typedheadertextCSS-min.jpeg)](https://docs.nexcess.com/wp-content/uploads/2026/07/typedheadertextCSS-min.jpeg)