How to underline hyperlinks in footer

Hi there,
For some reason, the hyperlinked text in the footer of our website (7.0 template) doesn't automatically appear as underlined. Is there a way to underline each of those links?

https://www.lecomptoirla.com/

Thank you!
Camellia

Add to Design > Custom CSS

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

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

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

 

#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;
}