Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Resolved] Prev/Next link styling

Home Forums Support [Resolved] Prev/Next link styling

Home Forums Support Prev/Next link styling

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #462619
    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!

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #462663
    Leo
    Staff
    Customer Support

    Hi there,

    Can you link me to the page in question?

    Thanks!

    #462685
    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.

    #462784
    Leo
    Staff
    Customer Support

    Try this CSS:

    .post-navigation a {
        color: #1e73be;
    }
    #470342
    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!

    #470368
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

    Let me know if you need another look.

    #470386
    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.

    #470702
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.