StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

First-letter CSS not working (for drop caps)

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › First-letter CSS not working (for drop caps)

This topic is: resolved

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 11, 2014 at 7:18 pm #94344
    littleleafash
    Member

    I've used this code before on Genesis sites with success - but that was pre-2.0, so I'm not sure what has changed, but I'm not having luck! Does anyone know what would be conflicting to make it not appear? I've exhaustively tried things in Firebug, to no avail!

    Here's the code - 

    
.entry-content p:first-child:first-letter { 
	color: #3e0d45; 
	float: left; 
	font-family: 'Georgia', serif;
	font-size: 49px; 
	line-height: 39px; 
	padding-top: 4px; 
	padding-right: 8px; 
	padding-left: 8px;  
}
    http://69.195.124.146/~savvee/testblog
    March 11, 2014 at 7:43 pm #94352
    Wordpress
    Member

    Look out for the extra space in * /.

    /* Related Content --- * / ---> /* Related Content --- */

    March 11, 2014 at 7:58 pm #94360
    littleleafash
    Member

    Whoa! Of course it was a super silly, simple fix that I spent hours on. THANK YOU!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘First-letter CSS not working (for drop caps)’ is closed to new replies.