how i can change / replace the text ""Older Posts >" in Blog to "Next Page"?

Hello all,  i have a question for Squarespace 7.1, how i can change / replace the text ""Older Posts >" in Blog to "More brands"?

I have used below CSS code, it worked for the Newer post, but Older post cant be seen, only detected once you hover on it.

/* Older posts */
nav.blog-list-pagination .next-label {
    visibility: hidden;
}
nav.blog-list-pagination .next-label:after {
    visibility: visible;
    content: "More brands";
}

/* Newer posts */
nav.blog-list-pagination .prev-label {
    visibility: hidden;
}
nav.blog-list-pagination .prev-label:before {
    visibility: visible;
    content: "Previous brands";
}

Thanks in  advance for the help 🙂

Hi,

Can you share link to page in screenshot? We can check easier

Does this code work for blogs in a membersite?

On 4/11/2024 at 8:48 PM, SocialStar said:

Does this code work for blogs in a membersite?

I'm not sure the original poster's code works as they mentioned they were having an issue with it. But yes in theory if the code was working it should work regardless if the Blog page is in Member Sites or not. The basic underlying structure of the Blog page does not change.

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

<style>

  /* begin newer older post text change */
  
    /* begin newer */
    
      .blog-list-pagination .newer .prev-label {
      
        visibility : hidden;
        
        }
        
      .blog-list-pagination .newer .prev-label::before {
      
        content : '[ enter text here between single quotes replacing square brackets ]';
        visibility : visible;
        
        }
        
      /* end older */
      
    /* begin older */
    
      .blog-list-pagination .older .next-label {
      
        visibility : hidden;
        
        }
        
      .blog-list-pagination .older .next-label::after {
      
        content : '[ enter text here between single quotes replacing square brackets ]';
        visibility : visible;
        
        }
        
      /* end older */
      
    /* end newer older post text change */
    
  </style>

This is for v7.1.

Let us know how it goes.

On 4/12/2024 at 2:42 PM, creedon said:

I'm not sure the original poster's code works as they mentioned they were having an issue with it. But yes in theory if the code was working it should work regardless if the Blog page is in Member Sites or not. The basic underlying structure of the Blog page does not change.

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

<style>

  /* begin newer older post text change */
  
    /* begin newer */
    
      .blog-list-pagination .newer .prev-label {
      
        visibility : hidden;
        
        }
        
      .blog-list-pagination .newer .prev-label::before {
      
        content : '[ enter text here between single quotes replacing square brackets ]';
        visibility : visible;
        
        }
        
      /* end older */
      
    /* begin older */
    
      .blog-list-pagination .older .next-label {
      
        visibility : hidden;
        
        }
        
      .blog-list-pagination .older .next-label::after {
      
        content : '[ enter text here between single quotes replacing square brackets ]';
        visibility : visible;
        
        }
        
      /* end older */
      
    /* end newer older post text change */
    
  </style>

Let us know how it goes.

We ended up taking it out of the member site for other reasons but the code worked perfectly! Thanks

Hi @creedon I was looking for this CSS and it just worked fine. I have one pending question regarding the "Read More" link in Blog. How could I replace that text?