How do you add text pagination to blog section in 7.1?

Does anyone know how to add text (ie: "next" and "previous") and page numbers to the pagination of the blog section, using CSS on v7.1?  Otherwise the small arrows are barely noticeable.

Thanks!

I'm having the same issue!

If I've understood you correctly, this will do the trick, play around to your spec of sizes etc:

a.item-pagination-link.item-pagination-link--prev .pagination-title-wrapper:before {
  content: "Previous";
  font-size: 22px;
  display:block;
}
a.item-pagination-link.item-pagination-link--next .pagination-title-wrapper:before {
  content: "Next";
  font-size: 22px;
    display:block;
}

Thanks, Mary!

This worked for me in SS 7.1, once I swapped the "Previous" and "Next" text. It puts the link to the "Next" post on the left and the "Previous" post on the right, which looks backwards to me.

9 hours ago, MaryPhilip_ said:

If I've understood you correctly, this will do the trick, play around to your spec of sizes etc:

a.item-pagination-link.item-pagination-link--prev .pagination-title-wrapper:before {
  content: "Previous";
  font-size: 22px;
  display:block;
}
a.item-pagination-link.item-pagination-link--next .pagination-title-wrapper:before {
  content: "Next";
  font-size: 22px;
    display:block;
}

 

Glad it's helped and you managed to tweak it to suit your site 🙂  @PurposefulArchitect

I have the same question but slightly different issue -the arrows on my site (blog page) are huge, and don't change to correspond to text size ...I cant figure out what's wrong 

7 hours ago, ilseS said:

I have the same question but slightly different issue -the arrows on my site (blog page) are huge, and don't change to correspond to text size ...I cant figure out what's wrong 

Can you share link to blog page? We can help easier