trupod

Thanks. Add snippet to what, single.php?

Having odd problems:

Here’s the CSS:

div.nav-next {text-align:right; padding-top:20px;}

div.nav-previous {text-align:left; float:left; padding-top:20px;}

.nav-next .next:before {
display:none;
}

.nav-next .next:after {
    content: '>';
    font-family: FontAwesome;
    padding-left: 10px;
}

.nav-previous .prev:before {
    content: "<";
    font-family: FontAwesome;
    padding-left: 10px;
}

In the customizing CSS preview page of the back end, this CSS appears to work; but in the front end the less-than sign for the previous link does not appear.

Additional clues might be:

Even in the customizing CSS preview page, I cannot put two less-than signs before the span. If I do, there will be a line break between the two less-than signs. This does not happen if I put two greater than signs after the next link. They appear
correctly with no line-break.

If I do not use the preview page to edit the CSS but try to use the Simple CSS edit page, it will truncate all my CSS when saved. It truncates at

...
.nav-previous .prev:before {
    content: "

(Also: Switching between single and double colons for the before and after have no discernable effect.)

ANy ideas how to fix? Thanks for your attention.

Actually I think I may now be able to do what I want using CSS pseudo Ops. The desire was to change the right-pointing arrow that is on the left of the nav-next link to be on the right ens of that link.