• For the footer of my website I am using a “background image” but I need to include three clickable social media icons in the lower left hand corner. They need to somehow be layered on top of the footer image. Is this possible? Is there a better way to approach this?

    I would also love to have my menu listed in the footer, but it’s not my first priority.

    This is what I’m trying to achieve.

    Here is a link to my site.

    Thanks in advance for any feedback!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You’ll just need to add an image that links to your social media page.
    It would be something like:

    <a href="http://twitter.com">
         <img src="<?php bloginfo("template_url") ?>/images/twitter_icon.gif" alt="Twitter" />
    </a>

    Of course you can do this.

    Edit your footer.php file, and include 3 divs inside what ever div contains the footer.

    eg

    <div id="footer">
    
    <div id="fb"> </div>
    
    <div id="in"> </div>
    
    <div id="tw"> </div>
    
    </div>

    then just style them in CSS. You can just Google how to make a div clickable for tutorials. You usually put something like

    <div id="fb" onHover="display:cursor;"> <a href="#"> </a> </div>

    and then style the link to display:block;

    Hope this somewhat helps… I’m a bit sleepy.

    Thread Starter margomargomargo

    (@margomargomargo)

    Thanks for your responses, I should have mentioned that I’m using the Genesis framework because I don’t know if it makes a difference. I’m a rookie and I have never edited a .php file and I don’t know where to insert these divs you posted. When I open the footer.php file, it looks like this:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    Any further assistance you can give me would be fantastic! Thank you!

    You should not edit the footer.php file. If Genesis theme is updated your changes will be lost. Best thing to do is use a child theme (if you are not doing so yet) and edit/create a functions.php file inside which is all you need to edit.

    And then you can follow this tutorial for changing the footer and apply what I said above.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Need to place multiple clickable images in a footer.’ is closed to new replies.