Jump to content


Photo
- - - - -

Blog Post Separators Also Appear On Pages

blog posts separators image

Best Answer James B , 12 December 2012 - 01:43 AM

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

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 kaiserbrand

kaiserbrand

    Member

  • Members
  • 10 posts
  • LocationBerlin
  • Framework Version:2.3.6
  • Country: Country Flag

Posted 11 December 2012 - 10:02 PM

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.

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  1.66KB   4 downloads

 

That works fine when I use this little custom code:

 

Please Login or Register to see this Hidden Content

 
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: 

Please Login or Register to see this Hidden Content

(an example for a page is "Kontakt")
 
Greetings from Berlin,
Wolfgang
 
 


#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 December 2012 - 10:22 PM

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.



#3 kaiserbrand

kaiserbrand

    Member

  • Members
  • 10 posts
  • LocationBerlin
  • Framework Version:2.3.6
  • Country: Country Flag

Posted 11 December 2012 - 10:58 PM

Cool, thanks!

 

Please Login or Register to see this Hidden Content

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.



#4 James B

James B

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 12 December 2012 - 01:43 AM   Best Answer

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


  • kaiserbrand likes this

#5 kaiserbrand

kaiserbrand

    Member

  • Members
  • 10 posts
  • LocationBerlin
  • Framework Version:2.3.6
  • Country: Country Flag

Posted 12 December 2012 - 02:33 PM

Thank you James, that works perfectly!







Also tagged with one or more of these keywords: blog posts, separators, image