Hi, I have a slider preset. The idea is that a mouse hover on the title should show a red underline.

The slider shows as such in the edit template section. But when it’s saved it doesn’t work anymore. Any help, please?

<style>

  .ss-content-box {

      position: absolute;

      bottom: 0;

      left: 0;

      right: 0;

      padding: 0 5em 0;

  }

  .title-box {

      display: block;

      margin-bottom: 0.5em;

      color: #fff;

      font-family: "Open Sans", sans-serif;

      font-size: 6em;

      text-decoration: none;

      text-shadow: 1px 1px #000000;

      line-height: 1.2;

      font-weight: 700;

    text-transform: uppercase;

  }

  .title-box:hover {

      text-decoration: underline; text-decoration-color: red;

  }

</style>

<div class="ss-content-box">

  <a href="" class="title-box">[sslider-post-title]</a>

</div>