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

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


Guest
Go to solution Solved by dmitrykiselyov,

Question

Guest

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 Guest
Initial Revision
Link to post
  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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 speci

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.

11 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
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! 

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...