Change text on blog pagination

Hello there !

I would like to custom the text of the blog pagination of my website : https://www.clubimmomarseille.com/nos-membres?offset=1645716540724

I would like to replace :

- "Billets plus récents" by "Précédent"

- "Billets plus anciens" by "Suivant"

Is it possible ?

Also, do you know if it's possible to disable the pagination system to have all on one page (or lazy loading system)?

Thank you so much for your help !!

54 minutes ago, Maratwork said:

Hello there !

I would like to custom the text of the blog pagination of my website : https://www.clubimmomarseille.com/nos-membres?offset=1645716540724

I would like to replace :

- "Billets plus récents" by "Précédent"

- "Billets plus anciens" by "Suivant"

Is it possible ?

Thank you so much for your help !!

Try adding to Home > Design > Custom Css

/*style for previous button*/
.blog-list-pagination [rel="prev"] span {
  visibility: hidden;
  order: 2;
}

.blog-list-pagination [rel="prev"]:after {
  content: 'Précédent';
  order:1;
}

/*style for next button*/
.blog-list-pagination [rel="next"] span {
  visibility: hidden;
}

.blog-list-pagination [rel="next"]  .blog-list-pagination-icon {
  order: 2;
}

.blog-list-pagination [rel="next"]:after {
  content: 'Suivant';
}

Let me know how it works on your site

My testing

Hello, thank you so much for your feedback.

It works perfectly !

Just to know, I wondered if is there a way to disable the pagination ?

Thank you !

20 hours ago, Maratwork said:

Hello, thank you so much for your feedback.

It works perfectly !

Just to know, I wondered if is there a way to disable the pagination ?

Thank you !

Add to Design > Custom CSS

/* disable blog pagination */
.blog-list-pagination {
	display: none !important;
}

On 4/5/2022 at 12:24 PM, bangank36 said:

Try adding to Home > Design > Custom Css

/*style for previous button*/
.blog-list-pagination [rel="prev"] span {
  visibility: hidden;
  order: 2;
}

.blog-list-pagination [rel="prev"]:after {
  content: 'Précédent';
  order:1;
}

/*style for next button*/
.blog-list-pagination [rel="next"] span {
  visibility: hidden;
}

.blog-list-pagination [rel="next"]  .blog-list-pagination-icon {
  order: 2;
}

.blog-list-pagination [rel="next"]:after {
  content: 'Suivant';
}

Let me know how it works on your site

Tried adding this code, nothing changes

3 hours ago, HunterD said:

Tried adding this code, nothing changes

I check that it is fine. Have you refreshed your site again?

Yes, still won't work!

On 4/9/2022 at 6:09 PM, HunterD said:

Yes, still won't work!

Try adding to Settings > Advanced > Code Injection > Header

<style>
  /* disable blog pagination */
.blog-list-pagination {
	display: none !important;
}
</style>

Hello there,

Thank you all for your answers, I try your different solutions but it didn't work, it just allowed to hide the pagination links, but we can't have all article items on the same page unfortunately.

I keep the renamed pagination solution for the moment ! Let me know if you see another way to remove the pagination system 🙂

Have a good day !

On 4/8/2022 at 9:56 PM, HunterD said:

Tried adding this code, nothing changes

Maybe, you sould indicate the link of your own website to have specific answer ?

The code you mention worked perfectly on my website 🙂 Maybe, it needs some CSS classes adjustments.