[Resolved] Prev/Next link styling

[Randy]

Thanks to https://gist.github.com/generatepress/db03ed9158a57799a20e showing how to add wording to the Prev/Next nav on posts, I have the wording I want, rather than just the < and > characters. Now a style tweak, if you please:

The post titles are both gray and don’t “show” as a link since they don’t use the link styling set in the body color settings. What CSS tweak do I need to put in to inherit that setting? (It’s the typical blue when unclicked, and purplish when visited).

Thanks much!

[Leo]

Hi there,

Can you link me to the page in question?

Thanks!

[Randy]

The site I’m working on isn’t live yet, but I’m talking about the standard output, such as on this GP site:

https://liveinfocusedenergy.com/life-challenge-september-2016/

I want those Prev/Next links to be in the same style as any other link, like the word “fences” in the paragraph just above — blue, not gray — to highlight the fact that they are links.

[Leo]

Try this CSS:

.post-navigation a {
    color: #1e73be;
}

[Randy]

Thanks, Leo — took me a bit to get to this thanks to some travel.

Weirdly, my browser isn’t showing it, even after flushing cache and such. But I know it works since using a different browser does show it. Browsers: Sheesh!

[Leo]

No problem 🙂

Let me know if you need another look.

[Randy]

No, I figured it out: needed more styling — yours only had unvisited link styling. Thus:

.post-navigation a:link {color: #1e73be;}
.post-navigation a:visited {color: #8424ad;}
.post-navigation a:hover {color: #357ebf;}

…more matched what I was looking for.

[Leo]

Awesome 🙂

[Author]

Posts