Jump to content

Angelica_Cream

Member
  • Posts

    2
  • Joined

  • Last visited

Posts posted by Angelica_Cream

  1. On 1/27/2024 at 2:16 AM, jpeter said:

    @Angelica_Cream You can add the JavaScript below to the Footer using Code Injection to change the text of the pagination label:

    JavaScript

    (function() {
    
     // Define constants for the desired text labels
     const NEXT_LABEL = 'More Work';
     const PREV_LABEL = 'Previous Work';
    
     // --- Pagination Label Updates ---
    
     // Get the pagination element from the page
     const pagination = document.querySelector('.blog-list-pagination');
    
     // Conditionally find the "prev" and "next" label elements within the pagination
     const prevLabel = pagination && pagination.querySelector('.prev-label');
     const nextLabel = pagination && pagination.querySelector('.next-label');
    
     // Update the text content of the labels if they exist
     if (nextLabel) {
       nextLabel.textContent = NEXT_LABEL;
     }
     if (prevLabel) {
       prevLabel.textContent = PREV_LABEL;
     }
    
    })();

    Be sure to place the code in between <script> tags like so:

    <script>
      // Add JS code here
    </script>

     

    Is there a way to accomplish this with Custom CSS instead? We don't have the package that allows for Code Injection.  

    Suggestions above from @Beyondspace to show just the arrow were in CSS. Seems if you can remove remove the text in CSS, you should be able to change it also in CSS? 

    Thanks in advance

  2. On 1/17/2024 at 3:39 PM, KyraH said:

    Hi, What if I want to change the text in this code instead of just hiding it and having the arrows? 

    I am also waiting on a solution for this! We would like the change the text of the arrow on our "Studio" page (set up as a basic grid blog) from "Older Posts" to "More Work". 

    Also looking for a solution to only display 18 posts in stead of 20 (so we don't have 2 posts on the last line, without a 3rd post to fill the row). 

    Our website is: https://chicory-bullfrog-azt4.squarespace.com/

    PW: Creamhello

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.