Small Caps for words in Text

[jgreenberg]

Hello, I was wondering how I could make some words in regular text elements small caps. Can you help?

[jade]

Hi there,

If you are using the v2 text element, you will have to check if you have enabled the advanced mode setting in Cornerstone so that you will get the Text Style option where you can set the Text Transform to lowercase.

If you are using a classic text element, you will have to add a custom CSS to the global CSS:

.lowercase {
    text-transform: lowercase;
}

The add the class lowercase to the class field of the classic text element.

Another option would be to wrap some text in a span html element with the lowercase class like:

THIS <span class="lowercase">IS A</span> TEXT.

This will set is a to lowercase.

Hope this helps.

[jgreenberg]

Hello Jade, as much as I appreciate you going through that I was actually referring to the font varient “Small Caps” which is different than “lowercase”. I believe I figured how to do it:

I add the Following CSS to the Page:

z.small-caps {
    font-variant: small-caps;
}

Then I add the following HTML: <z class"small-caps"> Text here </z> into the editor.

It works!

[jade]

Glad to hear you got it sorted.