Blog


Create Drop Caps In WordPress Thesis and Genesis

Date: 02 May 2011 | Tags: ,,,, | 
0

Greg Rickaby over at Greg Rickaby on WordPress has written an excellent post about how to add Drop Caps to Genesis and Thesis, two of the most popular WordPress frameworks.

What the heck are Drop Caps? It’s likely you’ve seen them even if you didn’t know what to call them.    See Image —->

As Greg rightly points out Drop Caps are becoming quite popular in the Blogosphere. Fortunately, they’re pretty darn easy to add if you’re using either Genesis or Thesis.

For Genesis:

Drop Cap with CSS Pseudo-Class

.entry-content p:first-of-type:first-letter {
	font-size: 40px;
	color: #666;
	padding: 10px 10px 10px 0;
	float: left;
}

To get the code for Thesis click over to Greg’s post and read the rest.