Okay
  Public Ticket #167095
Previous and Next Post Pagination for blog posts
Closed

Comments

  • Tony started the conversation
    We require previous and next post pagination on our blog posts, with the same arrows as used on portfolio items. Can you please advise or supply code to make this update. kind regards
  •  1,069
    ThemeNectar replied

    Hey Tony,

    Here's the code you could insert into the single.php file where ever you see fit:

    <ul class="controls">                                       
    	<li id="prev-link"><?php next_post_link('%link','<i class="icon-salient-left-arrow-thin icon-default-style"></i>'); ?></li>
    	<li id="next-link"><?php previous_post_link('%link','<i class="icon-salient-right-arrow-thin icon-default-style"></i>'); ?></li> 
    </ul>

    You will probably need to do a little custom css to make it look perfect so here's some to start you off that you could enter into your custom css box in the theme options panel:

    .single-post .controls {
      list-style: none!important;
    }
    
    .single-post .controls li {
      float: left;
      padding: 5px;
    }
    
    .single-post .controls li i {
      color: #555!important;
    }

    Cheers!

  • Tony replied

    Kind regards, will give that a try.

  • Justin replied

    Hi Tony,

    Have you had any luck with it?

    I got the arrows to show up, but not really where I would want them.

    Cheers,
    Justin

  •  1,069
    ThemeNectar replied

    Hey Justin,

    The above guide didn't really specify an exact location to place the buttons as that was left up to you - but if you need help aligning it please just open a private ticket in regards so I can log in and add the neccessary css :)

    Cheers