Change wording of "older posts" and "newer posts"

anneborkent · Member · Apr 2, 2016 at 10:01 am
Copy link

Add topic to favorites
I would like to customise the wording of “older posts” (“oudere berichten” in Dutch) and “newer posts” (nieuwere berichten) to something else, for example: “meer lezen”

How could I do that in CSS?

Thanks a lot.

I am using The Morning After theme.

The blog I need help with is: (visible only to logged in users)
jamiegiannini · Member · Apr 4, 2016 at 7:43 pm
Copy link
Hi Anneborkent, happy to help. Can you be more specific about the location of this text? I don’t see “oudere berichten” or “nieuwere berichten” anywhere.
thesacredpath · Member · Apr 4, 2016 at 7:43 pm
Copy link
Hi there, looking at http://riaborkentdotnl.wordpress.com/, I’m not finding any of places where I see older/newer posts. Can you point me to a location and I’ll work on the code for you.
thesacredpath · Member · Apr 4, 2016 at 7:44 pm
Copy link
@jamiegiannini, I should have refreshed. :)
anneborkent · Member · Apr 6, 2016 at 9:08 am
Copy link
Sorry, I had temporarily changed settings to display 20 posts on any (archive) page. This means that the “older posts” did not appear since none of my categories includes more than 20 posts.

However, I have now changed it back.

For an example:

https://riaborkentdotnl.wordpress.com/category/gedichtenbundels/gaatjes-in-mijn-oren/page/2/

I would like to change the text of “oudere berichten” to “meer lezen” and of “nieuwere berichten” to “naar begin”

michaelvandenberg · Member · Apr 6, 2016 at 7:13 pm

Hoi Anne,

Try this:

.post-navigation .nav-previous a::before {
	content: "« Meer Lezen";
	position: absolute;
	min-width: 145px;
	background: white;
}

.post-navigation .nav-next a::before {
	content: "Naar Begin »";
	position: absolute;
	min-width: 156px;
	background: white;
}

Let me know if this helps! :)

anneborkent · Member · Apr 6, 2016 at 9:45 pm
Copy link
Thanks – I have entered it but it does not change the wording..

thesacredpath · Member · Apr 6, 2016 at 10:26 pm

@anneborkent, give the following a try. The first part hides the existing text and the second two rules adds the new text in.

.post-navigation .nav-previous a, .post-navigation .nav-next {
    visibility: hidden;
}
.post-navigation .nav-previous a::before {
    content: "« Meer Lezen";
    visibility: visible;
}
.post-navigation .nav-next a::after {
    content: "Naar Begin »";
    visibility: visible;
}

anneborkent · Member · Apr 7, 2016 at 9:53 am
Copy link
Thanks. This hides those words completely, but does not replace them with new text..
thesacredpath · Member · Apr 7, 2016 at 10:28 am
Copy link
@anneborkent, I just added the above CSS to the bottom of your Customize > CSS and they changed for me.

Screenshot: https://cldup.com/qY3-RAuQ0Y.png

Can you try copy/pasting the code again to the bottom of your custom CSS below everything else?
anneborkent · Member · Apr 7, 2016 at 12:42 pm
Copy link
@thesacredpath & @michaelvandenberg

The weird thing is, either of your codes now works.

Previously also entered it at the bottom of the code. In one case (Michael) nothing changed, in the other it became invisible.

However, now both @thesacredpath and @michaelvandenberg codes are working. So that’s good for you to know. Thanks a lot.
thesacredpath · Member · Apr 7, 2016 at 9:20 pm
Copy link
You are welcome, and who knows what was going on. The interwebz is sometimes fickle. :)

The topic ‘Change wording of "older posts" and "newer posts"’ is closed to new replies.

WordPress.com forums

Change wording of "older posts" and "newer posts"