Html/CSS styling for small caps?

  • Resolved Diomedes

    (@diomedes)


    12 years, 4 months ago

    Hello all.

    I just moved over from WordPress.com, so I’m just happy to be here first of all.

    My question: I’m looking for some CSS coding to make the first line of every article all in small caps – something like what’s automatically in the Oulipo theme – with the large initial also. I’ve searched around and found plenty of code as to how to remove the styling, but here I’d like to add it to my blog (which is using plaintxtblog).

    Any help will be appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Good Guy

    (@mytaxsitecouk)

    You need something like this:

    p:first-line {
	text-transform: uppercase;
}
p:first-letter {
	font-size: 200%;
}

    You need to adapt it for this to work in WP. Insert some span and class to the p tag.

    I hope you get the ideas from this.

    I think you probably mean this for small caps:

    https://www.w3schools.com/cssref/pr_font_font-variant.asp

    Thread Starter Diomedes

    (@diomedes)

    I’m confused, mytaxsite – do I just insert the code into the theme editor and let it work?

    WPYogi, that’s exactly what I’m looking for. But what do I do with the supplied code? I don’t want to turn an entire paragraph into small caps, nor the entire page.

    I’m very unskilled when it comes to these sort of things so please be patient with me…

    Thread Starter Diomedes

    (@diomedes)

    I have found a solution. Thanks for all the help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Html/CSS styling for small caps?’ is closed to new replies.