Docs

[bedingfield]

Hi there,

I am using some custom CSS for my single post blog page for a drop cap. I only want this to display ob the single blog posts, but iy seems to add the drop cap CSS site-wide. How can I make this only show on single blog posts and no where else?

.entry-content p:first-of-type:first-letter{ 
	float:left; 
	margin-right:0.10em; 
	line-height:90%; 
	font-size:275%; 
	font-weight: bold;
	color: #333;
	}

[Paul R]

Hi,

To make it affect only the single blog posts page, you can change your code to this.

.single-post .entry-content p:first-of-type:first-letter{ 
	float:left; 
	margin-right:0.10em; 
	line-height:90%; 
	font-size:275%; 
	font-weight: bold;
	color: #333;
	}

Hope that helps.

[Author]

Posts