Jump to content

Customize 'Read More' link on blog posts in 7.1

Recommended Posts

  • nicolemay23 changed the title to Customize 'Read More' link on blog posts in 7.1
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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.

Edited by nicolemay23
Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.