csswordpressanchorbbpress

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

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:

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.

Solution

  • Try this:

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