Removing the underline from the “Read More” blog link on Squarespace

Squarespace is a great website builder if you want to create an online blog however there is one feature of the platform's blog sections that I’m not a fan of. 

Squarespace automatically adds an underline to the read more link on blog sections. Whilst I do understand why it does it, as it helps to make the read more link stand out to users, computer literacy is the norm nowadays and most people don’t need the underline to tell them that read more is a clickable link. 

To be honest, I just don’t like how it looks and if you’re the same, you may well be wondering if there’s a way to remove it. Spoiler: there is!

Watch the video

Check out the YouTube video below 👇

How to remove the underline from a read more link on a Squarespace blog 

Firstly head to Google Chrome Developer Tools (Shift + Command + C) to get your target.

How to remove the underline from a read more link on a Squarespace blog

You can do this by highlighting the read more link on your website however the target you need is below anyway if you want to skip this step.

.blog-more-link:after {

}

Copy and paste the target into your custom CSS panel and within your { } simply add 

display: none;

So your code will look like this:

.blog-more-link:after {

display: none;

}


📩 Join the inner circle to get exclusive code updates


Hit save and your underline will disappear. 

And that is literally it. Quick and simple and proving that using custom code to get your desired results for your Squarespace website doesn’t need to be a complicated process. 

Try it out on your Squarespace blog and decide whether you prefer the link with or without the underline!


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.


Want more?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

How to round the corners of a summary block thumbnail on Squarespace

Next
Next

How to apply code to mobile only on Squarespace