Removing Drop Caps in Book Lite

  • Author
    Posts
  • #1143203

    keycore4
    Member

    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.

    #1143424

    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;
    }

The topic ‘Removing Drop Caps in Book Lite’ is closed to new replies.