TapDatApp Posted April 28, 2023 Posted April 28, 2023 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
IgnitePerth Posted April 28, 2023 Posted April 28, 2023 (edited) 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 April 28, 2023 by IgnitePerth add detail If you find our solution helpful please thumbs up or mark it as the solution! Thank you 🙂 Contact Us for detailed help Common Squarespace Tips Sharing Your Site Link Squarespace web designers in Perth WA.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment