Support » Theme: Casper » older / newer post navigation

  • Resolved mattack

    (@mattack)


    On the bottom of the page, I like to have the “older posts” navigation on the left, and “newer posts” navigation on the right. It makes it more consistent with navigating through individual posts in the theme and back and forward buttons of a web browser.

    Can you either fix this (consider this a bug report or feature request) or give me some direction on where to look to fix it myself? I’m comfortable making child-themes and editing some code.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author gojukebox

    (@gojukebox)

    Of course, understandable!
    For reference, the support page for Casper is at https://github.com/lacymorrow/casper-wp/issues .

    Since this theme is a direct port from the Ghost blogging platform, all of the existing look and feel have been preserved with as few changes as possible. Therefore, this is neither a bug nor a feature request but a personal edit.

    To swap the two button locations, open up the theme’s stylesheet and find .older-posts{right:0;} and .newer-posts{left:0;}. Swap the two to read .older-posts{left:0;} and .newer-posts{right:0;}.

    You’ll next want to change the direction of the arrows. This can be accomplished by opening inc/template-tags.php and swapping the HTML entities for and vice-versa.

    That should complete the swap!

    * A note about the stylesheet:
    As described at the Casper homepage https://github.com/lacymorrow/casper-wp, theme development involves using node, less, and grunt to compile the stylesheet into a minified style.css in the theme root. A human-readable version is generated in css/style.css in the theme root. Replacing /style.css with /css/style.css will allow you to edit styles much more easily.

    Please rate Casper if you enjoy using this theme!

    Theme Author gojukebox

    (@gojukebox)

    In the above answer, the HTML entities were converted into arrows.

    You’ll next want to change the direction of the arrows. This can be accomplished by opening inc/template-tags.php and swapping the HTML entities → and ← for and vice-versa.

    Thread Starter mattack

    (@mattack)

    Thanks for replying.

    To swap the two button locations, open up the theme’s stylesheet and find .older-posts{right:0;} and .newer-posts{left:0;}. Swap the two to read .older-posts{left:0;} and .newer-posts{right:0;}.

    Is the theme’s stylesheet /style.css or /css/style.css ?

    After making the change in both places the “newer posts” and “older posts” buttons were on top of each other in the middle.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘older / newer post navigation’ is closed to new replies.