Solved

Is it possible to use html/css to remove an underline from a link?

  • 1 October 2023
  • 5 replies
  • 366 views

Badge

I would like to remove the underline from just one link, and not another?

 

Globally removing the underline from links does not work in my case. 

 

Has anyone had success using html/css to remove the underline from a link? 

icon

Best answer by Taylor Tarpley 5 October 2023, 17:08

View original

5 replies

Badge

It’s adding style=”text-decoration:none” to the hyperlink in the source code. 

 

For example: 

<a href="https://relativitytextiles.com/collections/wallpaper" style="text-decoration: none;">

 

Userlevel 7
Badge +60

Hi @ConnorBo

 

Welcome to the Community! Happy to help! 

 

Sorry to hear you’ve had issues here. Do you mind trying this bit of code to see if this brings you success?

<a href="URL" style="text-decoration:none!important;">DISPLAY TEXT </a>

 

Hope this helps!

-Taylor 

Badge +1

Hi @Taylor Tarpley having a similar issue and I can confirm the above works (for me anyway). How do you change the text colour to plain black rather than the automatic hyperlinked blue? 

Example code that I’ve tried:

<a href="URL" style="colour: #000000;">display text</a>

In previous months (e.g. June/July 2023), I’ve found emails where I’ve been able to override this by simply changing the colour using the wyswig editor - but it doesn’t seem to be the case anymore? 

 

 

Userlevel 7
Badge +60

Hi @Pez

 

Happy to hear the above worked for you! 

 

To be clear, you were also not able to change the link text color when operating to the Styles tab of your block and changing the link color? 

Thanks for participating in the Community!

-Taylor 

Badge +1

Thank you @Taylor Tarpley! I’ve managed to update it - I don’t usually access this section in Klaviyo as I’m able to update most of the items via wyswig. Good to know! 

Reply