xxxxxxxxxx
//CSS
.prod {
text-align: center;
}
h5 {
color: #727176;
text-transform: uppercase;
margin-top: 15px;
}
a {
text-decoration: none;
}
a img {
border: 3px solid transparent;
}
a:hover img , a:hover + h5 a {
border : 3px solid red;
}
//HTML
<div class="prod">
<a href="#" class="x">
<img class="size-full wp-image-682 aligncenter" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSEYXFYtEKaqcM2_n4o1ppeWTJhzXjhIaooK76ArmSOkl_r1oE2nQCB-12J">
</a>
<h5>
<a href="#">Letters</a>
</h5>
</div>