Make a hyperlink underline appear on the mouse (now vice versa)

Question

I want to emulate this website , which only underlines the hyperlink when the user clicks on the link.

Currently, in my Magento store, any hyperlinks are already underlined before the user hangs over it and when the user hovers over the link, the underline is deleted.

So basically, I want the very opposite of what is happening.

I am using modern theme f001. Can anyone explain how I can change this?

Answer 1

You need to change your theme in the CSS file:

http://www.efficienttrade.co.nz/media/css/2221f7ff45d5b039dfab39cc684c3166.css

1178:

a {
   color: #1E7EC8;
   text-decoration: none; // changed from text-decoration:underline
}

131

a:hover {
   text-decoration: underline; // changed from text:decoration:none
}

, , a CSS, .