Archived

This topic is now archived and is closed to further replies.

  • 0

Target first clip on blog page in CSS

Question

Posted · Report post

Hi,

 

does anyone know how to target the first clip on the blog page in CSS?  There is extra white space on in between the meta information and the start of the text.  

 

I can remove the space on all clips with ".fpost .post-excerpt {margin-top: -20px}.fpost .post-excerpt {margin-top: -20px}" but I only need it on the first one.

 

Many thanks,

 

 

Glyn

(pagelines pro 2.3.8 - http://gt-images.net)

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

To target the first clip, you need to target the container it's in and use the selector (the ID number for article) in the CSS. Please see the screenshot from Firebug below:

 

Screen%20Shot%202013-01-17%20at%208.16.1

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rob,

 

Thanks for your reply.  I deleted all my custom CSS and found that it was still the same so I don't think it's that.  I can use Firebug, and in doing so I found and extra '<br>' added that is not in my post (see screen shot below) and it only occurs on the first one.

 

Thanks,

 

 

Glyn

 

Screen-shot-2013-01-17-at-11.47.03.png

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Catrina,

 

Thanks very much!

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Glynt,

 

Do you have Firebug or use Chrome's Inspection Tools? Either one of those could be very helpful.

 

What I've found is that there appears to be some custom code affecting the post metabar and the content.  I'm unclear yet which element it is, specifically. There appears to be quite a bit of inline CSS on your site. Perhaps its a conflict.

Share this post


Link to post
Share on other sites