WordPress.com

1. keycore4
   Member
   Feb 1, 2013, 7:39 PM

   I have purchased the custom CSS option, but I can't figure out how to remove the drop caps on body text. I assume this is the code that's doing it (line 743):

   .entry-content > p:first-child:first-line {
   letter-spacing: .05em;
   font-variant: none;
   }

   .format-standard .entry-content > p:first-child:first-letter,
   .page .entry-content > p:first-child:first-letter {
   color: #000;
   float: left;
   font-size: 70.3px;
   font-size: 7.03rem;
   line-height: 43px;
   margin: 9px 5px 0 0;

   but I've tried removing it entirely, removing bits a pieces of it...no change. Anything I can do?

   The blog I need help with is woodsongstudioblog.wordpress.com.

2. designsimply
   Happiness Engineer
   Feb 14, 2013, 2:49 AM

   At WordPress.com, the standard way to update something like that would be to add new CSS to override the old rules.

   So in this case, you would want to set all of the rules inside those two blocks to the default values and then add the new CSS to the bottom of your Appearance → Custom Design → CSS editor:

   .entry-content > p:first-child:first-line {
   	letter-spacing: normal;
   	font-variant: normal;
   }
   
   .format-standard .entry-content > p:first-child:first-letter,
   .page .entry-content > p:first-child:first-letter {
   	color: inherit;
   	float: none;
   	font-size: inherit;
   	line-height: inherit;
   	margin: 0;
   }

Topic Closed

This topic has been closed to new replies.