0
Answered

How do I remove underline from the email link on my webpage?

alan 1 year ago updated 1 year ago 2

Answer

Answer
Answered

Hello, thank you for the interesting question, I had to look this up myself!

There's a couple of ways you can do this using Custom CSS in your Customize -> Advanced -> Custom CSS & JS menu, but the only way I can think of to make sure that all of the email address links on your whole site do not have underlines:

a[href^="mailto"] {
    text-decoration: none;
}

This rule will remove the underlines from any email address link on your website.

Please keep in mind that for accessibility purposes, it is generally frowned-upon to remove the underline from links on your website. The reasoning for this is that if a user visits your website who is not able to see color, the underline is the only recognizable indicator that text might is a link.

I hope this helps!

GOOD, I'M SATISFIED
Satisfaction mark by alan 1 year ago

Thanks, Jesse
It works.

Answer
Answered

Hello, thank you for the interesting question, I had to look this up myself!

There's a couple of ways you can do this using Custom CSS in your Customize -> Advanced -> Custom CSS & JS menu, but the only way I can think of to make sure that all of the email address links on your whole site do not have underlines:

a[href^="mailto"] {
    text-decoration: none;
}

This rule will remove the underlines from any email address link on your website.

Please keep in mind that for accessibility purposes, it is generally frowned-upon to remove the underline from links on your website. The reasoning for this is that if a user visits your website who is not able to see color, the underline is the only recognizable indicator that text might is a link.

I hope this helps!