Need help? Check out our Support site, then


Linked Header Background Image with Titan Theme

  1. I know there are other forum threads on making a background image linkable, but none of those solutions seem to work for me (odds are I'm just doing something stupid). I just want clicking on the header image to go to the main page. If anyone could help, I would be very grateful: http://poweronlansing.com

    The blog I need help with is poweronlansing.com.

  2. The only way to do this is to create a transparent gif or PNG with no background color that is the same size as your header image and then you put it into a text widget, set the height and width of that specific widget to the same as the header image and then use positioning in the CSS to move that widget up and over the top of the header image.

  3. That's similar to one of the strategies I've tried, using code like this:

    HTML:
    <br /> <div class="header"><br /> <a href="http://poweronlansing.com/"></a><br /> </div><br />

    CSS
    <br /> #headerimg {<br /> position: absolute;<br /> top: 35px;<br /> left: 473px;<br /> width: 467px;<br /> height: 105px;<br /> background-color: transparent;<br /> border: 1px solid yellow;<br /> }<br />

    The problem that I run into with that method is the absolute positioning is messed up if a WordPress user is logged in (and no matter what I do, it's always messed up in IE9). Any ideas?

  4. Ok, the HTML didn't show up quite right. Let's try that again.

    <div class="header"><br /> (<)a id="headerimg" href="http://poweronlansing.com/"(>)(<)/a(>)<br /> </div>

    Parentheses above not included.

  5. Is there a problem with the way I'm trying to implement this? Or another solution that doesn't involve using a background image?

    I'd really like to get that darn header image clickable! Many thanks in advance to anyone who might have a solution or idea to offer. :-)

Topic Closed

This topic has been closed to new replies.

About this Topic