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:
1 .et_pb_blog_grid .pagination > .alignleft a:before { 2 content: 'Older Posts'; 3 visibility: visible; 4 padding-left: 40px; 5 } 6 .et_pb_blog_grid .pagination > .alignleft a { 7 visibility: collapse; 8 } 9 .et_pb_blog_grid .pagination > .alignright a:before { 10 content: 'Newer Posts'; 11 visibility: visible; 12 } 13 .et_pb_blog_grid .pagination > .alignright a { 14 visibility: collapse; 15 }
Related Post: Adding CSS to the Divi Theme
Can you add code line where left align has a little space?
Hey Nevena, thanks for the suggestion. I've added "padding-left: 40px;" to the first rule to indent the left to better balance the right. I hope it's what you had in mind, but please let me know if I've misunderstood, etc. Thanks!