WordPress.org

Forums

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

  1. sandaru1z
    Member
    Posted 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year 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 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year 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 1 year ago #

    Hi,

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

  8. alchymyth
    Forum Moderator
    Posted 1 year 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 1 year ago #

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

  10. sandaru1z
    Member
    Posted 1 year ago #

    problem solved

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic