Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.
Oh yes. I forgot to write. I’ve established the child theme. 🙂
You should be able to add the image via your child theme’s CSS.
Yes, I know. I was hoping for some codes. I’ve Google it, but no luck.
Please: What am I doing wrong here?
</div><!-- #main -->
<footer id="colophon" role="contentinfo">
<?php
/* A sidebar in the footer? Yep. You can can customize
* your footer with three columns of widgets.
*/
if ( ! is_404() )
get_sidebar( 'footer' );
?>
<img src="../images/Footer_MCK.png" alt="Footer_MCK" width="1000" height="266">
<?php wp_footer(); ?>
</body>
</html>
[Moderator Note: Please post code or markup snippets between backticks or use the code button.]
without seeing the result, i guess you don’t see an image, which might be cause by the relative path to the image.
try to use an absolute path to the image:
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/Footer_MCK.png" alt="Footer_MCK" width="1000" height="266">
http://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri
Thanks.
You can see the result here MCK
to make the image responsive, i.e. shrink with the browser window, add this to style.css of the child theme:
#colophon img { max-width: 100%; height:auto; }
rook
(@rookandamosymailcom)
Hello sorry if im missing something here, but I put that absolute path into my footer and the image is showing up as a broken link and is in the wrong place??
here is a link to the site: http://harrybuild.rookandamosdesign.co.uk/
cheers
Harry
I put that absolute path into my footer
what exactly did you add into the footer?
where is the image located?
what I see in your footer as image url does not make any sense.
the earlier suggested code only works if the image is located in the /images folder of the theme.
rook
(@rookandamosymailcom)
Right thats silly of me, I jsut uploaded the image to my wordpress library, instead of the theme. Should I just make a folder in my child theme called images? then use your code? The reason my url is all messed up is because I went onto my server with tso host and took the path from there to try that out(as you can see did’nt work)
nice one
no need to create a folder and relocate the image – you can point directly to the upload folder;
example:
<img src="<?php echo content_url(); ?>/uploads/2012/10/footer.jpg" alt="footer logo" width="801" height="81">
http://codex.wordpress.org/Function_Reference/content_url
Hello, I am new to Word Press and I am having trouble uploading an image to my footer. The image appears in my footer when I open the website on Internet Explorer, yet it does not appear when I open the website on Firefox of Chrome.
Does anyone know why this is? Here is my coding that I put in, under Appearance, Editor, Footer.
<p align=”center”> <img alt=”” height=”200″ src=”file:///C:/Users/brenda/Downloads/logo%20websites.png” width=”225″ /></p>
I find it strange that it works on Explorer, yet not Firefox and Chrome.
