Change the Blog Module "Older / Newer Entries" Text

|

The Divi Blog Module presents users with pagination links showing "older entries" and "newer entries" to allow them to navigate a long list of posts. If you'd like to change the text of these links, here's how.

Changing the Older / Newer Entries Link Text in CSS

While it may not be the most correct way to do it, probably the easiest way to change the link text is to do it with some CSS like so:

.et_pb_blog_grid .pagination > .alignleft a:before {
    content: 'Older Posts';
    visibility: visible;
}
.et_pb_blog_grid .pagination > .alignleft a {
    visibility: collapse;
}
.et_pb_blog_grid .pagination > .alignright a:before {
    content: 'Newer Posts';
    visibility: visible;
}
.et_pb_blog_grid .pagination > .alignright a {
    visibility: collapse;
}

0 Comments

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.

We may earn a commission when you visit links on our website.