Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #30305
    alan
    Guest

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

    #30306
    Jesse Owens
    Guest

    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!

    #30307
    alan
    Guest

    Thanks, Jesse
    It works.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How do I remove underline from the email link on my webpage?’ is closed to new replies.