Jump to content


Photo

p:first-child:first-letter not working in wordpress

wordpress css3 blogging first-child first-letter

  • Please log in to reply
2 replies to this topic

#1 Crispylogs

Crispylogs
  • New Members
  • Pip
  • Newbie
  • 1 posts

Posted 24 March 2014 - 10:23 PM

The URL is http://crispylogs.co...ic-top-20-tips/

I am trying to add an effect, like a magazine's "drop-cap," but it's not working for me, and I don't know why.

The following is the CSS code I have used:

.single .entry p:first-child:first-letter {
float: left;
color: #903;
font-size: 47px;
line-height: 40px;
padding-top: 0px;
padding-right: 8px;
padding-left: 3px;
font-family: Georgia;
}



#2 Frank P

Frank P
  • Members
  • PipPipPip
  • Advanced Member
  • 168 posts

Posted 12 May 2014 - 07:32 PM

That shouldn't be a matter of Wordpress, but of correct CSS and browser support. I don't like Wordpress, but this is likely to be caused by the author or the browser. 


Problem solved? Please click the button Mark Solved under the best post.

How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-down/Fly-out Menu with CSS: Website Laten Maken Amsterdam.


#3 cyberRobot

cyberRobot
  • Moderators
  • Much to Learn
  • 2,544 posts

Posted 14 May 2014 - 12:54 PM

It looks like the first paragraph tag within the "entry" div tag on your page contains an image. If this paragraph tag contained text, the effect should work.






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users