Archived topic

Prev/Next link styling

7 replies · Started by Randy on January 3, 2018

Viewing posts 1–8 of 8

January 3, 2018 at 1:51 pm #462619

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!

January 3, 2018 at 3:03 pm #462663

Hi there,

Can you link me to the page in question?

Thanks!

January 3, 2018 at 4:17 pm #462685

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.

January 3, 2018 at 9:47 pm #462784

Try this CSS:

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

January 13, 2018 at 6:57 pm #470342

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!

January 13, 2018 at 8:14 pm #470368

No problem :)

Let me know if you need another look.

January 13, 2018 at 9:31 pm #470386

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.

January 14, 2018 at 9:19 am #470702

Awesome :)

This archived topic is closed to new replies.

Start building better websites today.