Lower case to small capitals in selected words in a paragraph

  • Resolved richardgb

    (@richardgb)


    1 year, 10 months ago

    I’m trying to figure out how to turn lower case letters in selected words in a paragraph, into small capitals.

    I’ve set up a style using the Headers and Footers plugin, and when I add code to a Custom HTML block to trigger it the code works beautifully… but only for the whole paragraph.

    What I want to do is to add the style to any selected words within a paragraph. I.E. If I select a “Selected Phrase”. as shown here, I want to find a way for the lower case characters to show as small capitals.

    Any ideas appreciated.

    Thank you. ?? Richard

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there,

    you would need to use HTML for the paragraph, and within that include a <span> tag to wrap the text you want to style eg.

    <p>Here is some text with a <span class="small-caps">string of custom styled </span> text inside </p>

    then use some CSS to style that span eg.

    .small-caps {
    font-variant: small-caps;
}
    Thread Starter richardgb

    (@richardgb)

    Thank you David

    That’s GREAT!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Lower case to small capitals in selected words in a paragraph’ is closed to new replies.