Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1303291
    kevinparks214
    Participant

    Hi,

    I searched and didn’t find an answer that solved my issue.

    The next and Previous arrows on my site are reversed.

    Find my site here: http://globaldesignnetwork.org/ displaying posts in order — When the first post is clicked: http://globaldesignnetwork.org/aerodynamic-locomotive/ it starts off with a Prev arrow, not a next arrow. Then the stay reversed the whole way thru. What’s up?

    The attached screen shows the initial project with a ‘prev’ arrow only. 🙁

    #1303392
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! Please keep in mind that by default, in WordPress, the left arrow points to the previous post published prior to the date of the current post. On the other hand, the right arrow points to the next posts which has the date newer than the current post.

    In your site, it would appear that this post: http://globaldesignnetwork.org/aerodynamic-locomotive/ is the most recent post and the left arrow is pointing the the previous post which has a later date than this post.

    Hope this helps.

    #1303395
    kevinparks214
    Participant

    but it’s not the most recent post, it’s the oldest post (per time stamps).

    #1303406
    Friech
    Moderator

    Hi There,

    So the issue is the sorting of the posts on grid because it did display the oldest first?

    If this (http://globaldesignnetwork.org/aerodynamic-locomotive/) is the oldest post? Why does it have a previous posts?

    This is kind of confusing, please provide us your login credentials in private reply so we can take a closer look.

    Thanks.

    #1303411
    kevinparks214
    Participant
    This reply has been marked as private.
    #1303439
    Rue Nel
    Moderator

    Hello There,

    Thanks for providing the information above. Sorry for the confusion. After careful investigation, I can confirm that this is a bug in the latest X theme release. To resolve this issue, since what we are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

    After the child theme is set up, please add the following code in your child theme’s functions.php file

    // Entry Navigation
    // =============================================================================
     
    if ( ! function_exists( 'x_entry_navigation' ) ) :
      function x_entry_navigation() {
     
      $stack = x_get_stack();
     
      if ( $stack == 'ethos' ) {
        $left_icon  = '<i class="x-icon-chevron-left" data-x-icon=""></i>';
        $right_icon = '<i class="x-icon-chevron-right" data-x-icon=""></i>';
      } else {
        $left_icon  = '<i class="x-icon-arrow-left" data-x-icon=""></i>';
        $right_icon = '<i class="x-icon-arrow-right" data-x-icon=""></i>';
      }
     
      $is_ltr    = ! is_rtl();
      $prev_post = get_adjacent_post( false, '', true );
      $next_post = get_adjacent_post( false, '', false );
      $prev_icon = ( $is_ltr ) ? $left_icon : $right_icon;
      $next_icon = ( $is_ltr ) ? $right_icon : $left_icon;
     
      ?>
     
      <div class="x-nav-articles">
     
        <?php if ( $prev_post ) : ?>
          <a href="<?php echo get_permalink( $prev_post ); ?>" title="<?php __( 'Previous Post', '__x__' ); ?>" class="prev">
            <?php echo $prev_icon; ?>
          </a>
        <?php endif; ?>
     
        <?php if ( $next_post ) : ?>
          <a href="<?php echo get_permalink( $next_post ); ?>" title="<?php __( 'Next Post', '__x__' ); ?>" class="next">
            <?php echo $next_icon; ?>
          </a>
        <?php endif; ?>
     
      </div>
     
      <?php
     
      }
    endif;

    Please copy the raw code here http://pastebin.com/2pAVw3Zb to preserve the Unicode html entities or the data-x-icon value.

    Please let us know how it goes.

  • <script> jQuery(function($){ $("#no-reply-1303291 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>