# (Squarespace) How to change read more underline color

**URL:** <https://community.elfsight.com/t/squarespace-how-to-change-read-more-underline-color/132128>\
**Category:** Platform Tips\
**Created:** [July 17, 2025, 10:47pm UTC](https://community.elfsight.com/t/squarespace-how-to-change-read-more-underline-color/132128 "2025-07-17T22:47:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [July 17, 2025, 10:47pm UTC](https://community.elfsight.com/t/squarespace-how-to-change-read-more-underline-color/132128/1 "2025-07-17T22:47:48Z")

</div>

To change read more underline color, from this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/0/00aa1df212b446dd8de9ac892b6f0a8ef604386b.jpeg)

To this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/a/7ae4ccdded0f13c8f4780f24a81b4c12f031e56f.jpeg)

You can use this code to Custom CSS.  
You can also use **[this free blog tool](https://go.elfsight.io/click?pid=9&offer_id=4&path=/blog-widget/)** so you can customize blog easier without using code.

```auto
`/* readmore underline */
.blog-more-link:after {
    background: #f1f !important;
}`

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/8/08e87e083f110388a1d61f192fc1f43a8a349a28.jpeg)