older / newer post navigation
-
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.
-
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 minifiedstyle.css
in the theme root. A human-readable version is generated incss/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!
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.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.
- The topic ‘older / newer post navigation’ is closed to new replies.