Edit the Read More Blog Link

Want to customize your blog page a little more?

In this video, I show you how to customize the words “Read More” in the Read More Blog Link. All the code used in the video is provided below.

 
 

Step 1: Add the Code

Copy and Paste the Following Code into Settings > Advanced > Code Injection > Footer

Squarespace 7.0 (Brine Family)

<!-- Read More Blog Link -->
<script>
(function () {
  var readMore = document.querySelectorAll(".BlogList-item-readmore span");
  for (let i = 0; i < readMore.length; i++) {
    readMore[i].innerHTML = "YOUR TEXT HERE";
  }
})();
</script>

Squarespace 7.1

<!-- Read More Blog Link -->
<script>
(function () {
  var readMore = document.querySelectorAll("a.blog-more-link");
  for (let i = 0; i < readMore.length; i++) {
    readMore[i].innerHTML = "YOUR TEXT HERE";
  }
})();
</script>
 

Step 2: Customize

Then change YOUR TEXT HERE to whatever words you would like to use instead.

 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

How to use Google Analytics Goals to Track Squarespace Landing Page Conversion Rates

Next
Next

A Year in Review: 2021