[Support request] Need some help with blog (Previous) – (Next) Navigation

Home Forums Support [Support request] Need some help with blog (Previous) – (Next) Navigation

Home Forums Support Need some help with blog (Previous) – (Next) Navigation

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #401094

    I created a a custom post type with pods and added the following code in the single page template to display the navigation

    <div class="post-pag-wrap">
    	<div class="post-pag-container prev">
    		<?php previous_post_link('
    			', '%title', false);
    	<div class="post-pag-container next">
    		<?php next_post_link('
    			', '%title', false);

    And added the following CSS to the Childtheme/Customizer/Additional CSS

    .post-pag-wrap {
    padding: 5px 0px;
    box-sizing: border-box;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    width: 100%;
    max-width: 600px;
    margin: 10px auto 25px;
    .post-pag-container {
    width: 49%;
    padding: 0px 5px;
    box-sizing: border-box;
    display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    vertical-align: top;
    min-height: 50px;
    .post-pag-container h4 {
    font-size: 16px;
    font-family: ‘Open Sans’, sans-serif;
    font-weight: bold;
    padding: 0px;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 0px;
    .post-pag-container.prev {
    text-align: left;
    border-right: 1px solid #bbbbbb;
    margin-right: -1px;
    .post-pag-container.next {
    text-align: right;
    margin-left: -2px;
    .post-pag-container.prev h4 {
    text-align: left;
    .post-pag-container.next h4 {
    text-align: right;

    My questions
    How can I add this navigation to my normal Blog Page and post pages?
    Where do I need to add the code?
    How can I make it to show all Blog related pages in the same way?

    Website is still under development
    But you can see it here http://www.site1.helpme.net.za
    Bottom of home page can take you to the custom post type “Quote of the day”


    Customer Support

    Hi there,

    Where is this code currently added? In the content?

    I think you can try using the after footer content hook:

    With conditional tags to make it show on desired page: https://codex.wordpress.org/Conditional_Tags

    Let me know if this helps.


    The code is part of the single page template that I created with Pods..
    The CSS is added to the Child theme through the wordpress customizer

    Will read up on the links provided, as soon as I have enough time….

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.