Getting rid of hyperlink underline

[Portman]

Hi,

I am assuming this is a really easy one...

I've created a modal link on a module I've created... the link is on a question circle.... but how I have done it there is a hyperlink undeline under the circle which looks really bad and I can't work out how to get rid of it....

the link is in the language file which may be the problem,

Code: Select all

 const MODULE_ORDER_TOTAL_AU_TOTAL_HEADING = 'Conversion into Australian Dollars <a href="#" role="button" class="card-link ml-0 border-bottom border-primary" data-toggle="modal" data-target="#CModal"><i class="fas fa-question-circle"></i></a>';

how do I fix this? Any help would be appreciated

[heatherbell]

how do I fix this?

Target the element that displays the link (which would be in the module file or tpl_ file, not the language file) with css in your user.css file text-decoration: none; or inline the style into the language constant, <a style ="text-decoration: none;", possibly style ="text-decoration: none !important;" might be necessary.

[burt]

You can also try this:

https://getbootstrap.com/docs/4.6/utili ... decoration

[Portman]

thanks @heatherbell & @burt

I tried the inline method you suggested earlier, but with no luck, the solution Burt suggested though worked

[heatherbell]

I tried the inline method you suggested earlier, but with no luck

Strange because that is what that Bootstrap utility does:

Screenshot 2024-05-30 071436.png

[Portman]

yeah I thought it should work too , I tried a number of options in the inline method that you suggested and I just could not get it to work, but when I tried the bootstrap option it worked straight away... it is probably me and my lack of coding experience rather than the advice you gave.