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.
