Jump to content

How to underline hyperlinks in footer

Recommended Posts

  • Replies 3
  • Views 304
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

Hi Tuan,
Sorry, I'm just seeing your reply now! I tried your code and it worked, thank you! 🙂 However, it looks like the social icons in the footer are also underlined now. Is there a way to remove the underscore from beneath the social icons but keep the hyperlinked text underlined? (See attached image.)

Also, is there a way to underscore the phone number (also a link) listed under "CONTACT US" in the body portion of our Contact page?

Thank you so much!
Camellia

 

image.thumb.png.eb4e086c3e6e1cb8f545665eeaae2cfe.png

Edited by LaptopCAT
Forgot to add second question.
Link to comment
On 1/24/2023 at 4:07 PM, LaptopCAT said:

Hi Tuan,
Sorry, I'm just seeing your reply now! I tried your code and it worked, thank you! 🙂 However, it looks like the social icons in the footer are also underlined now. Is there a way to remove the underscore from beneath the social icons but keep the hyperlinked text underlined? (See attached image.)

Also, is there a way to underscore the phone number (also a link) listed under "CONTACT US" in the body portion of our Contact page?

Thank you so much!
Camellia

 

image.thumb.png.eb4e086c3e6e1cb8f545665eeaae2cfe.png

#1. Use this code

footer.site-footer .html-block a {
    border-bottom: 1px solid;
}

#2. Use this CSS

/* underline phone on hover */
div#block-31a2d8d0954cfd1ceb86 a:hover {
    border-bottom: 1px solid;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.