How to edit the "Read More” blog link

This tutorial will show you how to change the “Read More” blog in Squarespace to any text of your choice. Please note this code works on Squarespace 7.1 only.

Complexity: Easy


Step 1

From your Squarespace account, go to the Custom CSS Editor. paste the Then, simply add the following JavaScript below to Settings > Advanced > Code Injection > Footer and then save your changes.

<!--- Change Read More - Blog Link on Squarespace 7.1 --->
<!--- Copyright Primitius Consultancy [https://primitusconsultancy.co.uk] --->
<script>
 
  
  (function() {
    window.addEventListener('DOMContentLoaded', pcBlogLink);

    function pcBlogLink() {
 
      let pcBLink = document.querySelectorAll('.blog-more-link'), i;

      for (i=0; i<pcBLink.length; i++) {

          pcBLink[i].innerHTML = "YOUR TEXT HERE";  // You can change Your text Here to any text to suit your description

      }
    }
  }());
</script>

<!--- End Change Read More - Blog Link on Squarespace 7.1 --->
 

Step 2

Note: you need to change the “YOUR TEXT HERE“ with the your text.

Change blog text
 


All work in this guide is provided ?“AS IS”. Other than as provided in this agreement, this guide makes no other warranties, express or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, we recommend that you purchase the services of a developer.

Primitus Consultancy

We work with small and medium-sized businesses to help create a professional online presence. We provide a one shop full-service design studio in London, United Kingdom. 

https://primitusconsultancy.co.uk
Previous
Previous

How to change the width of the Mobile Menu

Next
Next

How to create full width Scrolling block