Link is not showing as hyperlink

  • Hi,

    For some reason a link in my footer.php is not showing as a hyperlink when I mouse-over it:
    https://www.guerillabayholidays.com/

    This is the relevant code in footer.php:

    <div id="copyrightGB">

			 <p align="center">Copyright &copy; 2014 <?php date('Y'); ?> by Guerilla Bay Holidays | website by <a  href="https://www.wpmediadesign.com" rel="home">wpmediadesign</a></p>

		  </div>

    If anyone can help me with this, I would be very grateful.

    Thanks!
    Michael

Viewing 1 replies (of 1 total)
  • Brian

    (@briansteeleca)

    The problem is that your shell image has a height set to 790px, and because of that, it’s actually over top of your footer – you just can’t see that because most of the image is transparent. If you inspect it in your browser’s developer tools, and set #shell to have background:red, you’ll see what I mean.

    A quick and dirty fix would be to add this style to the footer:

    #footer {
    clear: both;
    width: 100%;
    position: relative;
    z-index: 2;
}

    But that’s really not the best solution. I would crop the shell image much tighter than it is – you don’t need all that transparent space around the shell. I would also make it a background image of the #wrapper div, and then remove the shell <img> from the #inner div.

    #wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: url("../../../images/shell.png") no-repeat 0 0;
}

    You can then use background position (0 0 in the short form above) to position the shell where you want it.

Viewing 1 replies (of 1 total)
  • The topic ‘Link is not showing as hyperlink’ is closed to new replies.