Need help? Check out our Support site, then


Removing Drop Caps in Book Lite

  1. 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. 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.

About this Topic