WordPress.org

Ready to get started?Download WordPress

Forums

Pilot Fish
[resolved] Add Footer Image (10 posts)

  1. sandaru1z
    Member
    Posted 7 months ago #

    Hi, Im creating a site from Pilot Fish theme.
    Can't find a way to add a png image to footer.
    I need logos.png file in center of footer. I try to edit the footer.php and styles.css

    <div class='center'>
    <p class='fimage'>
    <a href='http://google.com/' target='_top' title='fimage'>
    <img src='<?php bloginfo('template_directory');?>/images/logos.png' />
    </a>
    <?php_e('2012', ''); ?></p>
    </div>
    p.fimage {
    	display; inline; line-height; 16px;
    }
    p.fimage img {
    	display; inline; padding: 0 0 0 2px;
    }

    Please help.

  2. alchymyth
    The Sweeper & Moderator
    Posted 7 months ago #

    what is the result?

    what part of footer.php have you edited?

    what is the full code of footer.php after the edits?

  3. sandaru1z
    Member
    Posted 7 months ago #

    Here's the full code,

    My code was added to the top of the footer.php

    it gives an error like this in the web page

    Fatal error: Call to undefined function php_e() in /home/knowhow/public_html/SRILANKALEDBULBS.INFO/wp-content/themes/pilot-fish/footer.php on line 18

    <?php
    /**
     * Footer Template
     *
     * @file           footer.php
     * @package        Pilot Fish
     * @filesource     wp-content/themes/pilot-fish/footer.php
     * @since          Pilot Fish 0.1
     */
    ?>
    
    <div class='center'>
    <p class='fimage'>
    <a href='http://google.com/' target='_top' title='fimage'>
    <img src='<?php bloginfo('template_directory');?>/images/logos.png' />
    </a>
    <?php_e('2012', ''); ?></p>
    </div>
    
    </div><!-- end of #wrapper -->
    <?php pilotfish_wrapper_end(); // after wrapper hook ?>
    </div><!-- end of #container -->
    <?php pilotfish_container_end(); // after container hook ?>
    
    <div id="footer" class="clearfix">
    <?php pilotfish_in_footer(); ?>
        <?php get_sidebar('footer'); ?>
        <div id="copyright" class="clear">
            <div class="row span6 copyright">
                <small><?php esc_attr_e('&copy;', 'pilotfish'); ?> <?php _e(date('Y')); ?> <a href="<?php echo home_url('/') ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>"><?php bloginfo('name'); ?></a> <?php _e('powered by', 'pilotfish'); ?> <a href="<?php echo esc_url(__('http://wordpress.org','pilotfish')); ?>" title="<?php esc_attr_e('WordPress', 'pilotfish'); ?>">
                        <?php _e('WordPress', 'pilotfish'); ?></a></small><br /><small><?php _e('Theme by','pilotfish') ?> <a href="<?php echo esc_url(__('http://danielatwork.com','pilotfish')); ?>" title="<?php esc_attr_e('Daniel Zhao', 'pilotfish'); ?>">
                        <?php _e('Daniel Zhao', 'pilotfish'); ?></a></small>
            </div><!-- end of .copyright -->
    
            <div class="row span6 last scroll-top"><small><a href="#" title="<?php esc_attr_e( 'scroll to top', 'pilotfish' ); ?>"><?php _e( 'Back to Top', 'pilotfish' ); ?></a></small></div><!-- end of .scroll-top -->
        </div><!-- end of #copyright -->
    
    </div><!-- end of #footer -->
    <?php pilotfish_footer_end(); // after footer hook ?>
    <?php pilotfish_footer() ?>
    <?php wp_footer(); ?>
    </body>
    </html>
  4. sandaru1z
    Member
    Posted 7 months ago #

    Hi alchymyth The Sweeper & Moderator ;

    Thanks for quick reply.
    I just noticed this it appeared on the right side of the home page.
    Its quite a large image. width 650px, height 100px.
    Pls check the link.
    http://srilankaledbulbs.info/

    want this image to be centered at the very bottom of the footer. Is there something wrong with the CSS code?

  5. alchymyth
    The Sweeper & Moderator
    Posted 7 months ago #

    the error messsage comes from this line:

    <?php_e('2012', ''); ?></p>

    there is a space character missing after <?php - the line should read:

    <?php _e('2012', ''); ?></p>

    possibly try to add your code after this line:

    <div id="footer" class="clearfix">

  6. sandaru1z
    Member
    Posted 7 months ago #

    Hi alchymyth, Thank you very much.
    All right, Jobs is half done. Now its appearing on footer, but still not centered. So how to center this png image?
    one last help please.

  7. sandaru1z
    Member
    Posted 7 months ago #

    Hi,

    <?php _e('©2011-2013 TechnoPlus Automation', ''); ?></p>
    part is centered, but Image is not centered.

  8. alchymyth
    The Sweeper & Moderator
    Posted 7 months ago #

    but still not centered.

    try to change your styles to:

    p.fimage {
    	line-height; 12px;
    }
    p.fimage a img {
    	margin: 0 auto; padding: 0 0 0 2px;
    }

    btw:
    better use a custom CSS plugin for adding edited styles; http://wordpress.org/plugins/search.php?q=custom+css

  9. sandaru1z
    Member
    Posted 7 months ago #

    Thanksalot lchymyth.
    Job done. Really appreciate your kind help.

  10. sandaru1z
    Member
    Posted 7 months ago #

    problem solved

Reply

You must log in to post.

About this Theme

About this Topic