WordPress.org

1. marcjohnsonbooks
   Member
   Posted 2 years ago #

   I realize there is no way to convert a background image into a link. But I was wondering if their was a way to cheat. Could I create an "empty" div within the header div and connect it to a href tag? I'm looking for options.

   Here is the link to my blog:

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   I realize there is no way to convert a background image into a link

   There is a way of turning an entire header into a link, though.

3. vangrog
   Member
   Posted 2 years ago #

   You can also place a transparent image over it, and use it to set a link.

4. Designingreen
   Member
   Posted 2 years ago #

   You can create an empty div with set height and width, then create inside a 'a'tag and style it to fill the whole div. An example:

   CSS:
   

   div.header { width: 500px; height: 100px; }
   div.header a { display: block; width: 100%; height: 100% }

   HTML
   

   <div class="header">
   <a href=""></a>
   </div>

   v

5. marcjohnsonbooks
   Member
   Posted 2 years ago #

   Thanks - Designingreen. After reviewing my choices I choose your way of doing it. It gave me the ability to target over a specific area of the header image rather than converting the whole 850px 234px image.

Topic Closed

This topic has been closed to new replies.