Changing capitalized custom font header to lowercase

Store Design
1

Hi,

I have a custom font assigned to H4 (using the Fontio app). It’s a script font so I want it to display as lowercase but I have the headers on my website (2.0) set to uppercase. Is there any way to force only H4 to display as lowercase?

Many thanks,

Maggie

2

Hi @maggieread ,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

.navigation__link, .menu-promotion__text { text-transform: lowercase; }
3

Thank you!