How to make box “clickable”?

[ad_1]

I’m new to WordPress and am trying to help a coworker. Currently their webpage has several JPG previews of flyers with titles below them, each surrounded by a red square that changes color when you hover over.

Ive been able to make the JPG and title clickable, but the space around them in the square is not. She says they’ve been able to do it previously.

Here’s the text code of the first two boxes in a row. All of the other boxes are the exact same other than the links, titles and URLs.

**Thank you in advance for any suggestions!**

</div>
</div>
<div class=”clearfix”></div>
<div class=”inner-content” style=”margin-left: -1px;”>
<div class=”one-fourth first pdf-box”>
<div class=”pdf-img”><a href=”https://www.placeholder.org/wp-content/uploads/2018/09/factsheet1.pdf”><img class=”alignnone wp-image-188 size-full” src=”/wp-content/uploads/2018/09/factsheet1.jpg” alt=”” width=”100″ height=”130″ /></a></div>
<h3 class=”heading-5″><a href=”https://www.placeholder.org/wp-content/uploads/2018/09/factsheet1.pdf”>Fact Sheet 1</a></h3>
&nbsp;

</div>
<div class=”one-fourth pdf-box”>
<div class=”pdf-img”><a href=”https://www.placeholder.org/wp-content/uploads/2018/09/FactSheet2.pdf”><img class=”alignnone wp-image-188 size-full” src=”/wp-content/uploads/2018/09/factsheet2.jpg” alt=”” width=”100″ height=”130″ /></a></div>
<h3 class=”heading-5″><a href=”https://www.placeholder.org/wp-content/uploads/2018/09/FactSheet2.pdf”>Fact Sheet 2</a></h3>
&nbsp

[ad_2]