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

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