Jump to content

[Share] Change "Read More" on Blog Page

Recommended Posts

If you want to change “Read More” on Blog Page to another text, you can follow these.

  • If you can't make it work, you can post site url, I can check easier

A. Change "Read More" on All Blog Pages

You can use this code to Custom CSS box

a.blog-more-link {
    visibility: hidden;
}
a.blog-more-link:before {
    visibility: visible;
    content: "New text here";
    border-bottom: 1px solid #000;
}

image.png.70f80fcce0f2daaa7ad994abacf09859.png

B. Change Read More on Specific Blog Page

#1. First you need to use this free tool to find ID of Blog Page

In my example, we will have ID: #collection-6677756d03a4f15ba27ce9d8

image.png.f70d6e145d042db8c613cf4df491cb0a.png

#2. Use this code to Custom CSS box

#collection-6677756d03a4f15ba27ce9d8 {
    a.blog-more-link {
    visibility: hidden;
}
a.blog-more-link:before {
    visibility: visible;
    content: "New text here";
    border-bottom: 1px solid #000;
}}

image.png.e63fc0bd2edcd2ac07821c4b62998c8f.png

Result 

image.png.40e8ae46e561d7d6a6cdf6ea5ad3f089.png

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
  • Replies 0
  • Views 871
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

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.