Support » Fixing WordPress » Picture in footer of twenty eleven

  • Can anyone tell me how to replace the existing footer in the Twenty Eleven with a picture?

    I want to add an image ranging 1000 px horizontally.

    Thanks a lot. 🙂

Viewing 15 replies - 1 through 15 (of 22 total)
  • esmi

    (@esmi)

    Forum Moderator

    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. 🙂

    esmi

    (@esmi)

    Forum Moderator

    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.

    PS! Quite new at this.

    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.]

    Michael

    (@alchymyth)

    Forum Moderator

    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

    Michael

    (@alchymyth)

    Forum Moderator

    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; }

    Thanks a lot 🙂

    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

    Michael

    (@alchymyth)

    Forum Moderator

    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

    Michael

    (@alchymyth)

    Forum Moderator

    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.

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘Picture in footer of twenty eleven’ is closed to new replies.