I have some CSS code in place to hide the default “next page” text of the next button, because I only want to display the clean “<” and “>” arrows. The code I’m using is:
/* next/back button */
#navigation .navigation-button,
#navigation .previous-button {
font-size: 0; /* Hides the text */
}This works nicely except one thing:
Even though the source code says, the content is center-justified, it is clearly not, i.e. the next button is shifted a little bit to the right. Here’s a zoom of it /the two smaller lines are exactly 50% of the width of the button):
So how can I make sure that the next/back arrows are exactly centered?
