Need help? Check out our Support site, then


How to change "newer/older entries" text

  1. 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.

  2. 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;}
  3. I don't think that did anything :( Thanks for trying though.

  4. 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.

  5. Nope, it still didn't work :/

  6. 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;}
  7. I did copy the whole thing. I did so again just now. It doesn't seem to have any effect.

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

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

  10. 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

    http://csswiz.files.wordpress.com/2011/09/screen-shot-2011-09-14-at-sep-14-2011-6-33-42-pm.png

  11. 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?

  12. 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.

  13. 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;}
  14. 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;}
  15. Yay it worked! Thank you so much for your help :)

  16. Guess I typed too slow...

    No problem, glad it worked.

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

Topic Closed

This topic has been closed to new replies.

About this Topic