Title: Html/CSS styling for small caps?
Last modified: August 20, 2016

---

# Html/CSS styling for small caps?

 *  Resolved [Diomedes](https://wordpress.org/support/users/diomedes/)
 * (@diomedes)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/htmlcss-styling-for-small-caps/)
 * 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](http://wordpress.org/extend/themes/oulipo)–
   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](http://smellofpopcorn.com)(
   which is using plaintxtblog).
 * Any help will be appreciated.

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

 *  [Good Guy](https://wordpress.org/support/users/mytaxsitecouk/)
 * (@mytaxsitecouk)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/htmlcss-styling-for-small-caps/#post-3125856)
 * 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.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/htmlcss-styling-for-small-caps/#post-3125861)
 * I think you probably mean this for small caps:
 * [http://www.w3schools.com/cssref/pr_font_font-variant.asp](http://www.w3schools.com/cssref/pr_font_font-variant.asp)
 *  Thread Starter [Diomedes](https://wordpress.org/support/users/diomedes/)
 * (@diomedes)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/htmlcss-styling-for-small-caps/#post-3125894)
 * 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](https://wordpress.org/support/users/diomedes/)
 * (@diomedes)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/htmlcss-styling-for-small-caps/#post-3125899)
 * 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.

 * 4 replies
 * 3 participants
 * Last reply from: [Diomedes](https://wordpress.org/support/users/diomedes/)
 * Last activity: [13 years, 6 months ago](https://wordpress.org/support/topic/htmlcss-styling-for-small-caps/#post-3125899)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics