Please Help: How can I Remove the Underline Hyperlink on the Nueva Template?

Hello everyone, & thanks for taking a look at my inquiry!

My website is www.fathomers.org, and we are attempting to remove the automatic underline placed on links for email & external / internal content. Currently, I have not linked anything, as the underline has deterred me. But, for reference, I have placed a link in the "Join Us" page, below "Opportunities". There you'll see a "Learn More Here" link that exemplifies the problem.

I'd be much obliged if someone could crack this code!

All the best,Eric

Hi Eric @Fathomers,

Add this to your Custom CSS:

/* Remove underline from links */
a {
 border: none !important;
}

This will remove the underline from all links.

This is not working. Any idea why?

Worked for me! Thank you!

Thank you! Perfect! :)

Thank you @dmitrykiselyov ! works perfect for me

@ZaynDoe You're welcome!

This worked but then took away my ability to have Outlined buttons! Please help!

Nueva doesn't use the code for underline (text-decoration: underline), instead it uses the "border" function. By using the solution above you remove ALL borders for ALL hrefs ( a{}). You need to specify the items where you want to remove the borders. I wanted to remove body and heading "underlines" through out. I used this:

     /* Remove underline from links */
.sqs-block-html p a, .sqs-block-markdown p a, .sqs-block-image p a, .sqs-block-html blockquote a, .sqs-block-markdown blockquote a, .sqs-block-image blockquote a, .sqs-block-html ol a, .sqs-block-markdown ol a, .sqs-block-image ol a, .sqs-block-html ul a, .sqs-block-markdown ul a, .sqs-block-image ul a, h1 a, h2 a, h3 a {
      border: none !important;
    }

You could be more careful and/or specific with what elements you choose to include. This option will keep the borders on your buttons intact while effectively removing the bottom borders from your links.

Hope this helps.

Good luck.

@dxl this worked perfectly for me. Thank you for posting it.

On 9/6/2019 at 4:08 PM, dxl said:

/* Remove underline from links */ .sqs-block-html p a, .sqs-block-markdown p a, .sqs-block-image p a, .sqs-block-html blockquote a, .sqs-block-markdown blockquote a, .sqs-block-image blockquote a, .sqs-block-html ol a, .sqs-block-markdown ol a, .sqs-block-image ol a, .sqs-block-html ul a, .sqs-block-markdown ul a, .sqs-block-image ul a, h1 a, h2 a, h3 a { border: none !important; }

Worked for me, thanks! 

a {
  border-bottom: none !important;
}