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

    Newbie

  • New Members
  • Pip
  • 1 posts

Posted 24 March 2014 - 05: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

    Advanced Member

  • Members
  • PipPipPip
  • 168 posts

Posted 12 May 2014 - 02: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

    Advanced Member

  • Gurus
  • 1,809 posts

Posted 14 May 2014 - 07:54 AM

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.


Blogging about PHP and other web-related topics at ScorpBytes.com





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com