Support » Fixing WordPress » Add A Company Logo to TwentyTen

Viewing 9 replies - 1 through 9 (of 9 total)
  • How you are doing it?

    You will have to up load the logo image using media and than make some changes in your header.php
    follow this steps

    1. Go to Admin login.
    2. Navigate to “Appearance”
    3. Click the “Editor” subnav
    4. On the right side, click the style.css
    and look for this
    #site-title {
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 18px 0;
    width: 700px;
    #site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    #site-description {
    clear: right;
    float: right;
    font-style: italic;
    margin: 14px 0 18px 0;
    width: 220px;
    like i have done to stop displaying your title and description

    now to add the logo open header.php

    and add this <img src=your image url border=0>

    <div id=”site-description”><?php bloginfo( ‘description’ ); ?></div> your logo image code here

    You will have to remember that if you update the theme in future you will loose this change so its best to make a child theme copy your header.php and style.css files in child theme and make changes in your child theme.

    thanks for the speedy response.
    I’ve uploaded by logo into the images folder as a 370×110 jpg file.

    I’ve done the following changes to the header.php file:

    replaced the following

    " title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?>


    <div id="logo"><img src="<?php bloginfo( 'template_url' ); ?>/images/solutionsatwork-logo.jpg" alt="" /></div>

    and it didn’t wok – i got the same little “x” and the alt text where the logo should be.

    Govpatel – i’ve tried what you hav described but it doesnt seem to work – all i get is now a blank where the blog title shoudlbe (at least the “x” isnt there anymore)

    PS: I forgot to mention that i’ve defaulted back to the original style.css and header.css code till i can figure this out..

    You not suppose delete any code as that title and description in header.php are used for your title on the browser.

    follow what I have on my post again as all you need to do is add your image code after </div> tag

    I have put a logo on test site here

    thanks loads for all the help govpatel. i really appreciate it. For some strange reason the file i uploaded to the images folder just doesnt seem to be recognized. I’ve uploaded it using the media uploader on the dashboard and itworks perfectly now.

    Once again thanks much!

    Glad to hear that it worked out for the you wanted.

    Hi govpatel, this is very interesting, maybe you can help me with a similar issue.

    First of all, these is my site:

    I want to keep the site name, and the description but add a little logo exactly in the corner like in this image:

    Can you help me out?

    Thanks in advance…

    Next time you need start new thread as this thread is marked as resolved.

    You will need make change in your child theme header.php

    To put a logo in right hand, upload your logo using media.
    click on logo and at bottom you will see url, add this url in bottom code where I have add image url here

    in header php look for this code
    </<?php echo $heading_tag; ?>> just after that add

    <div style= "float: right;"><img src="Your image your url" width="100" height="100"></div>

    this will put your logo on right above description I have example here adjust your logo size as you want in code.

    In style.css look for this code
    #branding img {
    border-bottom:1px solid #000000;
    border-top:4px solid #000000;

    Change top and bottom border 0px.

    else you will have line at top and bottom of logo

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Add A Company Logo to TwentyTen’ is closed to new replies.