logo

$5
How to position logo and link it to home- Autofocus+pro

How do I change the position of the image logo and link it to the home page? I've gone into the style.css file to try and hack it and it doesn't seem to move. Help?

elizabeth nguyen | 06/27/10 at 5:52pm | Edit

autofocus, logo, positioning

(5) Possible Answers Submitted...

  • avatar
    Last edited:
    06/27/10
    6:02pm
    Matt K says:

    Hi Elizabeth,

    Would need to see the current site to be able to work out how to change that :)

    Will be a piece of cake then!

  • avatar
    Last edited:
    07/24/10
    12:33am
    Monster Coder says:

    In addition to styles.css you may also check in header.php file of your theme.

    Linking to homepage
    suppose, you want to link logo.jpg to your homepage:



    
<a href="<?php get_option('home'); ?>"><img src="logo.jpg" /></a>


    I guess you will have to put this in header.php. In that case image source will be relative to your theme directory.

    Previous versions of this answer: 06/27/10 at 6:04pm

  • avatar
    Last edited:
    07/24/10
    12:33am
    Svilen Popov says:


    header.php

    <div id="blog-title">
    <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>" rel="home">
    <span><?php bloginfo('name'); ?></span>
    </a>
    </div>

  • avatar
    Last edited:
    07/24/10
    12:33am
    Oleg Butuzov says:

    1) open header.php find div with id = branding
    2) insert into it branding 


    
<a href="<?php echo get_option('home'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/logo.jpg" /></a>

    3) upload logo.jpg into theme directory...
    4) css to position fo your needs logo

    #branding {
    
}


    possible values width , height, margin (-top,-left,-right,-bottom), padding (-left, -right, -top, -bottom).

    Previous versions of this answer: 06/27/10 at 6:17pm | 06/27/10 at 6:17pm

  • avatar
    Last edited:
    07/24/10
    12:33am
    Jignesh Patel says:

    Hello,

    If you are using the Autofocus+Pro theme & did not modified the CSS much, your logo should be set from CSS.

    Find '#header' in CSS code. For the '#header' the logo is set with 'background' attribute. The value should be something like below...

    background: url("{your_logo_path}") no-repeat scroll left center transparent


    In the above line you can see 'left center' thats for the background position. Just edit that part as per your need to make something like below.

    background: url("{your_logo_path}") no-repeat scroll 5px 10px  transparent


    Now to change the logo link, open the header.php Find the link set inside '<div id="branding">' & you can edit the link to make it look a like:

    <a href="<?php bloginfo('url'); ?>" ........

    Previous versions of this answer: 06/28/10 at 5:46am

This question has expired.





Current status of this question: Completed