Archived

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

  • 0

Blog Post Separators Also Appear On Pages


Question

Posted · Report post

Hello!

 

I'm almost done with the new website layout, but one last detail is driving me nuts: I wanted to add an image as separator between blog posts.

post-30106-0-53176600-1355263158_thumb.p

 

That works fine when I use this little custom code:

 

#content .hentry {background: url(../wp-content/uploads/pagelines/trenner_sml.png) bottom no-repeat; padding: 0px 0px 20px;}

 
The downside of using .hentry is that the separator also appears at the bottom of each page. Is there a way to differentiate posts and pages so the separators only appear at the bottom of each blog post?
 
The website is located here: http://wuoau.org/blog/ (an example for a page is "Kontakt")
 
Greetings from Berlin,
Wolfgang
 
 

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

You can try using the classes .blog and .post in your css, that should cover all of it.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

You can use the page-id method to apply a different background for the Kontakt page. You only need the actual page number then craft it as .page-id-XX where XX is the number of the page.

Share this post


Link to post
Share on other sites

Posted · Report post

Cool, thanks!

 

.page-id-3276 .hentry {background: none;}

works. Now I can finally go home and sleep :)

 

But can't you just define the blog? That would be easier than defining several pages.

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you James, that works perfectly!

Share this post


Link to post
Share on other sites