Add an Arrow to the Read More Blog Link

Have you ever wanted to spruce up your blog page to make it different from all the other Squarespace Websites? How about adding an arrow to the Read More link?

In this video, I show you how to change or add an arrow beside the Read More Link on your blog page in both Squarespace 7.0 and 7.1. All the code used in the video is provided below.

The following code is used in the video.

Squarespace 7.0

/* Read More Blog Link */
.BlogList-item-readmore span:after {
  content: "\2192" !important;
}

Squarespace 7.1

/* Read More Blog Link */
.blog-more-link::before {
  content: "\2192";
  float: right;
  padding-left: 5px;
}

Resource Mentioned

HTML Unicode Arrow List

Here are some other posts you may like:

• Change the Colour of the Cookie Banner in Squarespace

• Turn the Read More Blog Link into a Button

• Change the Mobile Menu Hamburger Colour