Jump to content

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

Go to solution Solved by dmitrykiselyov,

Recommended Posts

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 comment
  • 2 weeks later...
  • 11 months later...
  • 1 year later...
  • 3 months later...
  • 2 months later...

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 comment
  • 1 month later...
  • 1 month later...
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 comment
  • 7 months later...

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.