Jump to content

Custom underline in square space when the text contains a link

Recommended Posts

Hey guys, 

I am working on a blog and I wanted to have a custom underline when the text contains a link. I couldn't figure it out, so I would just make the words bold and use this CSS code for a custom underline when the text is bold. 

p strong {background: linear-gradient (to bottom, #fff 60%, #ffd600 20%);
  padding-left: 2px;
  padding-right: 2px;
  border: 1px;
}

However, I am getting this weird white line that I don't want. I want the upper part to be transparent, I just want the underline. What should I do? Is there any other way I can have a custom underline that looks like a highlighter.

Screenshot 2022-07-06 at 11.45.28 PM.png

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

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.