Jump to content

Change blog text "Read More" to "See More" without adjusting anything else

Recommended Posts

Hey there,
 

I want to change the "Read More" text to say "See More", I want everything else to stay exactly the same, such as font, size, spacing, alignment, underline, etc. I have tried a ton of different code found in these forums and gotten results, but new problems then occur including strikethrough, extended underline, etc.

Anything anyone can suggest would be highly, highly appreciated. Would ideally be CSS as I don't have the business plan.

https://ladybug-triangle-387h.squarespace.com/shows

password: test

Link to comment
  • Replies 1
  • Views 129
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

have you tried the below solution from @tuanphan?

 

 

This is a more specific version of the linked post, for your use case.

It adds a margin left to account for the actual, hidden, width of the block - which makes it appear off center.  Someone else may have a better solution but I think this will get the job done:

a.blog-more-link {
    visibility: hidden;
}
a.blog-more-link:before {
    content: "See More";
    visibility: visible;
    text-decoration: underline;
    margin-left:8ch;
}

 

Edited by IgnitePerth
add detail

Contact Us for detailed help

Common Squarespace Tips

Sharing Your Site Link

Squarespace web designers in Perth WA.

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.