Make a certain word "Small caps" every time

[jgreenberg]

Hello, I was wondering if there was a way to make a certain work always show up as small caps whenever it shows up on a page. I am hoping not to have to tag it every time with a special class for the font variant. Is there a way to do this?

[nico]

Hi @jgreenberg,

Thanks for writing in.

I believe that you will need a span or div class that has an lower case CSS.

This CSS below will make your span.lower class lowercase :

span.lower {
    text-transform: lowercase;
}

Sample HTML:

<span class='lower'>UPPERCASE TEXT LOWERCASE</span>

Hope it helps.

Let us know how it goes.

Thanks.