Change text on blog pagination

Site URL: https://actonnotebook.com/featured-businesses-acton-w3

Hi I have added some custom text to change the pagination text from older newer.

I have managed to add 'back' on the second page but the text isn't showing on the first page of the blog.

I want it to read 'more' and 'back'

the code I have installed is 

/* Newer posts */
nav.blog-list-pagination .prev-label {
    visibility: hidden;
}
nav.blog-list-pagination .prev-label:before {
    visibility: visible;
    content: "back";
}
/* more */
nav.blog-list-pagination .next-label {
    visibility: hidden;
}
nav.blog-list-pagination .next-label:after {
    visibility: visible;
    content: "back";
   

5 hours ago, Knnected said:

Site URL: https://actonnotebook.com/featured-businesses-acton-w3

Hi I have added some custom text to change the pagination text from older newer.

I have managed to add 'back' on the second page but the text isn't showing on the first page of the blog.

I want it to read 'more' and 'back'

the code I have installed is 

/* Newer posts */
nav.blog-list-pagination .prev-label {
    visibility: hidden;
}
nav.blog-list-pagination .prev-label:before {
    visibility: visible;
    content: "back";
}
/* more */
nav.blog-list-pagination .next-label {
    visibility: hidden;
}
nav.blog-list-pagination .next-label:after {
    visibility: visible;
    content: "back";
   

It is the result you want to achieve?

You can try adding to Home > Design > Custom Css

nav.blog-list-pagination .next-label {
  visibility: visible;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

thank you for your response. 

I would like to change 'older posts' to "MORE" and 'newer posts' to "BACK"

but with the above code the BACK is showing but I can't get the words MORE to show

On 12/7/2021 at 8:01 PM, Knnected said:

thank you for your response. 

I would like to change 'older posts' to "MORE" and 'newer posts' to "BACK"

but with the above code the BACK is showing but I can't get the words MORE to show

Do you still need help?

On 12/7/2021 at 8:01 PM, Knnected said:

thank you for your response. 

I would like to change 'older posts' to "MORE" and 'newer posts' to "BACK"

but with the above code the BACK is showing but I can't get the words MORE to show

Try adding to Home > Design > Custom Css

section[data-section-id="619f5b1c2b1c155d950e2769"] .blog-list-pagination .next-label:after {
	content: '' !important;
	transform: scale(0) !important;
	width: 80%;
	position: absolute;
	left: 0;
}

section[data-section-id="619f5b1c2b1c155d950e2769"] .blog-list-pagination .next-label:before {
	content: 'More';
	color: currentcolor;
	display: inline-block;
	visibility: visible;
	position: absolute;
	right: 0;
}

section[data-section-id="619f5b1c2b1c155d950e2769"] .blog-list-pagination a:hover  .next-label:after {
	transform: scale(1) !important;
}

section[data-section-id="619f5b1c2b1c155d950e2769"] .blog-list-pagination .newer a:hover .prev-label:after {
	transform: scale(1) !important;
	visibility: visible;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you