Change "Read More" on blog to "Listen More"

Site URL: https://john-boyd-1qml.squarespace.com/config/design/custom-css

Hi,

I would like to change the "Read More" on my blog page to "Listen." Can any coding expert help me out please? Thanks!

3 hours ago, knittedheart said:

I would like to change the "Read More" on my blog page to "Listen."

As this is a Blog List page on a Brine-family template, you should be able to change it by adding this to Design > Custom CSS:

a.BlogList-item-readmore span {
  visibility: hidden;
  font-size: 0;
}
a.BlogList-item-readmore span:before {
  content: "Listen";
  visibility: visible;
  font-size: 13px;
}
a.BlogList-item-readmore span:after {
  visibility: visible;
}