In an attempt to place a 50px x 1000px in the twentyeleven footer, I made the following changes in my child footer.php file:
/*Removed Proudly Powered by WordPress By Deleting*/
<div id="site-generator">
<?php do_action( 'twentyeleven_credits' ); ?>
" title="<?php
esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyeleven' ); ?>"><?php
printf( __( 'Proudly powered by %s', 'twentyeleven' ), 'WordPress' ); ?>
</div>
/*Add image to footer Inserted this just before <?php wp_footer(); ?>*/
<center>
<img src="http://gcdcc.safeport.com/wp-content/uploads/dcf_footer.jpg" alt="dcf_footer.jpg">
to Appearance/Editor/footer.php
These changes gave me a 50px high by 1000px wide image at the bottom of the page. But, when I tried to make it responsive, width wise for small devices by adding the following code to the child style.css file it didn't reduce in width as I intended. However, it did retain it's width when the screen was widened.
/*Make Footer Image Responsive Added*/
#colophon img { max-width: 100%; height:auto; }
Any suggestions?
Thanks