Removing underline from ALL links (navigation, hyperlinks etc, active page etc)

Hey! 

Having trouble removing all underlines from my site. I've searched the forums and input some code but it NEVER works. 

I want to remove the underline from ALL links, I.e. the active page, navigation on hover, hyperlinks etc.

Can someone help? 

Site password: hello

Thanks in advance! 

Can you share your website URL? (I realise it was in the form but that doesn't get put in the post, not that you were to know that!)

Hey @Ziggy - the site URL is: https://vibraphone-circle-gx4r.squarespace.com/

Start with this Custom CSS:

// Header navigation underline
.header-nav-item--active a {
  background-image:none!important;
}
// heading and paragraph links
h1 a, h2 a, h3 a, h4 a, p a {
  text-decoration:none!important;
}

If you can add that and then go through the website and see if there are any links that aren't being caught by it we can tackle each one.

@Ziggy - thank you! Just added it and the only thing it changed was the double line in the navigation :') haha (see attached)
 

That's very strange, can you try this:

// Header navigation underline
div.header-nav-item--active a {
  background-image:none!important;
}

@Ziggy - Still no change 😞 wondering if something I added previously is effecting it, but I don't think so - I've mostly been changing the color on hover. 

Can you try this:

.sqs-block-html a {
  text-decoration: none !important;
  background-image: none !important;
}

@Ziggy - some progress! That removed the underline from body text and the footer. But there's still underlines on the navigation.

That's partially good news! But I'm not sure what to suggest with the navigation underline, the code works fine on other websites, so I'm at a loss why yours behaves differently.

Thank you for taking the time to help!

I'm wondering if you can help me with something else, I just noticed that my buttons are white on hover, instead of going green (I added CSS). You can see in the video (attached) that it goes green for a millisecond but then goes white. Are you able to advise on this?

This is the CSS i have currently:

.sqs-block-button.button-block .sqs-block-button-element:hover {
  background-color: #918D0D !important;
  color: #000;
}

IMG_8877.MOV

That swipe effect is not built in to Squarespace, so that must have been added via custom CSS, you should be able to change the button colour / hover colour in the styles menu under colour themes.

Hm I have no idea, because I didn’t add anything for that! Will have to look into it haha. Thank you for all your help🤓