How to add an arrow to the read more blog link

Squarespace 7.1TutorialsSquarespace 7.0
Written By Primitus Consultancy

Adding an arrow to the read more blog link can help improve the aesthetics of your website. This tutorial, shows you how to add an arrow to the read more blog link using CSS in Squarespace. All codes used are below.

Complexity: Easy

Simply add the following CSS code to Design > Custom CSS.

Squarespace 7.0

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

Squarespace 7.1

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

You can then adjust the padding value to your desire size.

HTML Unicode Arrow List
w3schools.com
Toptal

Home Blog
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

How to add a shadow to buttons in Squarespace 7.1
Next

Adding a vertical line to Squarespace