How to reverse the pagination arrow for RTL language

Viewing 1 replies (of 1 total)

  • A bit hacky, and may mess up other things so keep an eye out, but give this a try, in your stylesheet:

    div.nav-links a.next span {display: inline-block; transform: scale(-1, 1);}

    If this also messes with your text on that line, add (after that):

    div.nav-links a.next span.nav-next-text {transform: none;}

    The transform does a mirror effect, so you can repeat this on the prev arrow as well.

    Good luck!

Viewing 1 replies (of 1 total)
  • The topic ‘How to reverse the pagination arrow for RTL language’ is closed to new replies.