How to change "newer/older entries" text

  • Author
    Posts
  • #707021

    I would like to know how to change the newer entries link to say “Next” and the older entries link to say “Previous.” Is this possible? If so, let me know how. Thank you :)

    Here’s a link to my site if necessary: The Smart Cookie Cook

    The blog I need help with is thesmartcookiecook.com.

    #707141

    devblog
    Member

    To make that change, you would need to have access to the source code and modify the text of the links… you cannot do that on a wordpress.com hosted blog. That said, and seeing that you have the CSS upgrade, this kludge might be helpful. Add this to your CSS:

    .nav-above {overflow: hidden;}
    
    .nav-above .alignleft a, .nav-above .alignright a {text-indent: -9999px; display: inline-block; width: 100px; position: relative; z-index: 10;}
    
    .nav-above .alignleft:after{content: "Previous"; position: relative; left: -100px; z-index: 1;}
    .nav-above .alignright:before{content: "Next"; position: relative; right: -100px; z-index: 1;}
    #707142

    I don’t think that did anything :( Thanks for trying though.

    #707143

    devblog
    Member

    Did you save the changes or did you just preview them? If you just preview them, try saving them, in my experience you sometimes have to save the changes for them to really take effect. Also, try adding those changes at the bottom of your CSS.

    #707150

    Nope, it still didn’t work :/

    #707153

    devblog
    Member

    You did not copy the entire code… you’re missing the last to selectors:

    .nav-above .alignleft:after{content: "Previous"; position: relative; left: -100px; z-index: 1;}
    .nav-above .alignright:before{content: "Next"; position: relative; right: -100px; z-index: 1;}
    #707164

    I did copy the whole thing. I did so again just now. It doesn’t seem to have any effect.

    #707166

    devblog
    Member

    what browser are you using? I’m using Firefox and now it looks fine.

    #707167

    I’m using firefox too. I don’t see any change to my site at all.

    #707169

    devblog
    Member

    Below is a screenshot of what I see. Maybe you’re seeing cached pages. If you are using Windows, force reload by pressing Ctrl+F5 or Ctrl+R, if you’re usinga a Mac, do it by pressing Command + R

    #707170

    Oh okay, so it changed the links when you click on an entry I wanted to change the links at the bottom of the site, but you’re saying that’s not possible right?

    #707171

    devblog
    Member

    I’m sorry, I misunderstood you… It should be possible to use the same technique with those links… give me a few minutes and I’ll get back to you with an answer.

    You can delete the code I previously gave you then.

    #707172

    devblog
    Member

    Okay, try this:

    .navigation {overflow: hidden;}
    
    .navigation .alignleft a, .navigation .alignright a {text-indent: -9999px; display: inline-block; width: 100px; position: relative; z-index: 10;}
    
    .navigation .alignleft:after{content: "← Previous"; position: relative; left: -90px; z-index: 1;}
    .navigation .alignright:before{content: "Next →"; position: relative; right: -90px; z-index: 1;}
    #707173

    devblog
    Member

    Forgot to mention that to preserve the same link color, you add the color attribute to both selectors so they read like this:

    .navigation .alignleft:after{color: #0ae; content: "← Previous"; position: relative; left: -90px; z-index: 1;}
    .navigation .alignright:before{color: #0ae; content: "Next →"; position: relative; right: -90px; z-index: 1;}
    #707174

    Yay it worked! Thank you so much for your help :)

    #707175

    devblog
    Member

    Guess I typed too slow…

    No problem, glad it worked.

    #707176

    Haha it’s okay. Luckily, I can actually handle figuring out font colors.

The topic ‘How to change "newer/older entries" text’ is closed to new replies.