1. Home
  2. Knowledge Base
  3. Ascend Theme
  4. Ascend CSS Snippets
  5. 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

Mobile Header in Desktop:

header typed text with CSS ascend theme

Was this article helpful?

Related Articles