Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Fathomers

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

Question

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

Edited by Fathomers
Initial Revision

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 2

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.

Edited by dxl

Share this post


Link to post
  • 0
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! 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...