Change the Blog Module "Older / Newer Entries" Text

|

Boost Your Site and Save 20% this Weekend

Join 50,000 users and build a better site with 20% off all Divi Booster plugins.

Discount applied at checkout. Offer ends Monday!

Day(s)

:

Hour(s)

:

Minute(s)

:

Second(s)

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;
}

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

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