Add a link to background image

[comicsbeat]

I am using News Pro theme and I would like to add a link to a background image so that when you click on it it goes to a different page. Any ideas for how to do this?

[Brad West]

You can't add a link to a background image per say, but you can wrap that area with an a tag so it will appear to be a link on the image.

So I'll assume you've got something like this now:

<div class="wrapper">
  <div class="inner"></div>
</div>

.inner {
  background-image: url('/images/img.jpg');
}

All you'll need to do is add the a tag around your inner div:

<div class="wrapper">
  <a href="http://yourlink.com/">
    <div class="inner"></div>
  </a>
</div>

.inner {
  background-image: url('/images/img.jpg');
}

[Doug Edgington]

A link can reside over top of a background image. Can you provide a link to the page that contains the background image you are referring to?

---

Doug Edgington
http://www.dougedgington.com

[Brad West]

Here's a code sample demonstrating what I was talking about: https://jsfiddle.net/bradonomics/0aq78o5s/

[Author]

Posts