Where to find the HTML to edit beside the next post and previous post links?

Hi there,

You would overwrite this entire function in your child theme: https://github.com/tomusborne/generatepress/blob/1.4/inc/template-tags.php#L11-L69

What specifically are you wanting to change?

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.

Much easier! Try this:

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

.nav-next .next:after {
    content: "\f105";
    font-family: FontAwesome;
    padding-left: 10px
}

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.

I’m not sure I understand – your CSS doesn’t match the CSS I provided above either?

Any chance you can link me to one of the posts?