WordPress.org

Support

Support » How-To and Troubleshooting » Picture in footer of twenty eleven

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

    Moderator 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

    Moderator 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

    Moderator 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

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