Customize 'Read More' link on blog posts in 7.1

How do you customize the 'Read More' link on blog posts with a custom font in 7.1?

I also want it to say 'read the post' instead of 'Read More.'

On 7/30/2021 at 3:08 AM, nicolemay23 said:

How do you customize the 'Read More' link on blog posts with a custom font in 7.1?

I also want it to say 'read the post' instead of 'Read More.'

Hi. Can you share link to blog page on your site? We can check easier

On 8/1/2021 at 4:17 AM, tuanphan said:

Hi. Can you share link to blog page on your site? We can check easier

Website link: https://frog-pelican-6p9b.squarespace.com/blog

Password: demo

I know how to upload custom fonts and I can easily do that part, I just need help with the code to style the 'Read More' link to say 'read the post' and set the font family and color to my custom font and color.

On 8/2/2021 at 3:48 PM, nicolemay23 said:

Website link: https://frog-pelican-6p9b.squarespace.com/blog

Password: demo

I know how to upload custom fonts and I can easily do that part, I just need help with the code to style the 'Read More' link to say 'read the post' and set the font family and color to my custom font and color.

Add to Design > Custom CSS

/* read more */
a.blog-more-link {
    visibility: hidden;
    font-size: 0 !important;
}
a.blog-more-link:before {
    visibility: visible;
    content: "Read the post";
    font-size: 15px;
    border-bottom: 1px solid;
    color: red;
    font-family: monospace;
}