Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change Blog List Pagination Older & Newer to custom text


Question

  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

Hi. Add to Settings > Advanced > Code Injection > Header

<style>
nav.BlogList-pagination {
    margin-top: 40px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {  
		$("span.BlogList-pagination-link-label").html(function() { 
          return $(this).html().replace("Older", "New older custom");  
    });
    $("span.BlogList-pagination-link-label").html(function() { 
          return $(this).html().replace("Newer", "New newer custom");  
    });
	});
</script>

 

Link to post
  • 0

and do you want to improve these?

Site URL – https://thewanderertraveljournal.co.uk/

1. (Mobile-Footer) center this image?

thewanderertraveljournal.co_.uk-01-min.p

2. (Mobile-Footer) Remove veritcal lines?

thewanderertraveljournal.co_.uk-02-min.p

3. (Mobile-Header) Make logo smaller on scroll?

thewanderertraveljournal.co_.uk-03-min.p

Link to post
  • 0
On 5/5/2021 at 3:48 PM, miss-sammiedesigns said:

That would be great, thank you. You are very kind.

Add to Design > Custom CSS

/* Mobile issues */
@media screen and (max-width:640px) {
/* center image */
footer.Footer .slide {
    float: none !important;
    margin: 0 auto;
}
/* remove footer vertical lines */
footer.Footer .code-block {
    display: none;
}
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...