Cubic Theme Change Direction of Navigation Arrows

• 

  mrsimongriffin · Member · Sep 27, 2015 at 5:45 pm

  • Copy link
  • Add topic to favorites

  On a Post, there are arrows at the bottom of the page. By clicking on the right one, you are going “forward” in time (according to the date on which the Post was written) and “backwards” in time by clicking on the left arrow.

  If you take the Homepage, the Posts go from the most recent to the oldest, which means that by clicking on the right arrow of a Post, (forward in time), you are going on the left on the Homepage.

  I’m wondering how to switch the direction of the arrows at the bottom of posts, by clicking on the right arrow, I would like to go “backwards” in time and the left arrow “forwards”.

  I found the answer of this on wordpress.org forums but is it possible using custom css on wordpress.com?

  Ive already managed to remove dates successfully from the posts.

  The blog I need help with is: (visible only to logged in users)

• 

  ehtis · Staff · Sep 27, 2015 at 8:06 pm

  • Copy link

  Hi Simon,

  This should swap the position of next/previous links. I’ve also rotated arrow positions so they’re in a proper direction:

  .post-navigation .nav-previous {
      float: right;
  }
  .post-navigation .nav-previous a:before {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }
  
  .post-navigation .nav-next {
      float: left;
      text-align: left;
  }
  .post-navigation .nav-next a:before {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  }

• 

  mrsimongriffin · Member · Sep 27, 2015 at 10:38 pm

  • Copy link

  Thank you!
  The above seems to have worked a treat

• 

  ehtis · Staff · Sep 28, 2015 at 8:05 am

  • Copy link

  Awesome, and you’re welcome!