How to change ‘Read more’ link within a Summary Block - Squarespace 7.1

If you want to use the Summary Block for a different purpose, you can override the link using the following code.

Change on ALL pages?

Add the following code to Website Tools > Code Injection > Footer

Change the Summary Block on INDIVIDUAL pages?

Add the following code to Page > Advanced > Code Injection

---

Code

<!-- 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 = "Learn more →";
  }
})();
</script>

Format	Output	Description
YY	18	Two-digit year
YYYY	2018	Four-digit year
M	1-12	The month, beginning at 1
MM	01-12	The month, 2-digits
MMM	Jan-Dec	The abbreviated month name
MMMM	January-December	The full month name
D	1-31	The day of the month
DD	01-31	The day of the month, 2-digits
d	0-6	The day of the week, with Sunday as 0
dd	Su-Sa	The min name of the day of the week
ddd	Sun-Sat	The short name of the day of the week
dddd	Sunday-Saturday	The name of the day of the week
H	0-23	The hour
HH	00-23	The hour, 2-digits
h	1-12	The hour, 12-hour clock
hh	01-12	The hour, 12-hour clock, 2-digits
m	0-59	The minute
mm	00-59	The minute, 2-digits
s	0-59	The second
ss	00-59	The second, 2-digits
SSS	000-999	The millisecond, 3-digits
Z	=+05:00	The offset from UTC, ±HH:mm
ZZ	500	The offset from UTC, ±HHmm
A	AM PM
a	am pm