Setting hyperlink as underline on hover (with no shadow effect)

Question

I have this styling:

#bbpress-forums li.bbp-forum-freshness a:hover, #bbpress-forums li.bbp-topic-freshness a:hover {
    text-decoration: underline;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

Yet, when I hover over the links:

As you can see they are still showing shadow effects. I have been able to use the aforementioned approach in other classes.

The page:

https://www.publictalksoftware.co.uk/support-forums/

Any advice appreciated. I just want it to be a underline with no shadow.

Answer 1

Try this:

.bbp-forum-title:hover, .bbp-forum-freshness a:hover {
background: transparent!important;
border-top: none!important;
}

Answer 2

Looks like it's a background color, not a box shadow.

Try to add to your class :

background: none;
border: none;

And you dont need to reset box-shadow.