759
Views
1
Comments
Remove Underline on Link

Hi all,


I have a container that changes colour on mouse hover. However as it is a link the text in it also underlines when it is hovered over. I have tried to use the css 

SyntaxEditor Code Snippet

    text-decoration: none;

But it doesn't seem to work.


any ideas on how to get rid of the underline?


Thanks,

James

2024-02-27 12-57-22
Sam Rijkers

Hi James,

If you create a class, NoDecoration for example, you need to add a:hover to it, so:


.NoDecoration a:hover{
    text-decoration: none;
}

Add the class 'NoDecoration' to the container.


Regards,

Sam

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.