Jump to content

CSS Help Needed: Underlining Hyperlinks in Paragraph Texts Only

Go to solution Solved by abc,

Recommended Posts

I'm currently working on customizing the hyperlinks on my website, specifically within the paragraph texts and blog posts. My objective is to have all hyperlinks in underlined. To achieve this, I used the following CSS code:

a {
    text-decoration: underline;
}

However, this code seems to be too broad, resulting in everything, including the blog titles in my blog's basic grid section, being underlined. I'm looking for a way to restrict the underlining to just the hyperlinks within the paragraph texts and blog posts. Could anyone guide me on how to modify my CSS code to achieve this specific effect?

image.thumb.png.2cae4708ae1845c17bc3d612a3f3a27c.png

 

For reference, my website is: https://www.workplaceconsultant.com

Any help or tips would be greatly appreciated. Thank you in advance!

 

Best regards,

Ihab Khiri
www.workplaceconsultant.com

Link to comment
  • Replies 2
  • Views 1k
  • 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.