hover block title- Daphne

by ian_smithz

HTML

<link rel="stylesheet" href="https://www.screwfix.com/21092B/assets/css/sfx.min.css">
<div class="featureblock">
  <div class="lg-8 md-8 sm-24 cols block_image_wrap">

    <a href="#">

      <div class="row block_image">
        <img src="//www.screwfix.com/images/general/assets/gfx/boschmain_flexiblepowersystem.jpg" alt="Cordless Flexible Power System">
      </div>

      <div class="row block_text">
        <p class="sub_title"><strong>Cordless Flexible Power System</strong></p>
        <p>Work efficiently, without compromises. Use the high performance and long lasting 18V cordless tools and benefit from the Flexible Power System. All batteries can be used for both new and existing tools in the same voltage class due to the flexible
          power system.</p>
      </div>

    </a>

  </div>
</div>

CSS

.featureblock .block_image_wrap a {
  text-decoration: none;
}



.featureblock .block_image_wrap a:hover .sub_title {
  text-decoration: underline;
}