Add "Previous" and "Next" links to top of post.

• 

  jeffman1948 · Member · Oct 11, 2013 at 6:38 pm

  • Copy link
  • Add topic to favorites

  I recently added previous and next nav links to the bottom of each post via a CSS addition (Thanks, Panos).

  Is there an easy way I can add them to the top as well? Right above the post title?

  Jeff

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Oct 12, 2013 at 5:31 am

  • Copy link

  This could confuse other users, so I must clarify a couple of things:
  a) You’re not really referring to nav links at the bottom of each post, you’re referring to nav links at the bottom of the main posts page.
  b) You cannot literally add links via CSS editing, you can only manipulate existing ones: we didn’t really add any links, we disabled infinite scrolling and made the hidden nav links show up.

  So, what you’re looking for would be impossible if the links weren’t already there somewhere. Luckily for you, Twenty Ten does have nav links above the posts (hidden, just like the bottom ones). So simply turn this:

  .infinite-scroll #nav-below {
      display: block;
  }

  to this:

  .infinite-scroll #nav-above, .infinite-scroll #nav-below {
      display: block;
  }

• 

  jeffman1948 · Member · Oct 12, 2013 at 1:27 pm

  • Copy link

  @justpi,

  Thank you for your help, your willingness to share your hard won expertise is greatly appreciated.

  I tried it and it works just as you said.

  Thanks again,

  Jeff

• 

  thesacredpath · Member · Oct 12, 2013 at 4:16 pm

  • Copy link

  @justpi… CSS Jedi Master… :)