[resolved] Add A Company Logo to TwentyTen (10 posts)

  1. leonardsaw
    Posted 5 years ago #

    I am completely new to this and need some help. i would like to add my company logo to replace the name of my blog in http://solutionsatwork.com.sg.

    I've read through all the posts i could find on this topic but cant seem to gt my logo to appear. Each time I try, i get a small "x" where the logo should be, and the alt text.

    Please help anybody...


  2. Kapil Chugh
    Posted 5 years ago #

    How you are doing it?

  3. govpatel
    Posted 5 years ago #

    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.

  4. leonardsaw
    Posted 5 years ago #

    thanks for the speedy response.
    I've uploaded by logo into the images folder as a 370x110 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)

  5. leonardsaw
    Posted 5 years ago #

    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..

  6. govpatel
    Posted 5 years ago #

    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 http://govpatel.com/wordpress

  7. leonardsaw
    Posted 5 years ago #

    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!

  8. govpatel
    Posted 5 years ago #

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

  9. crlbrt
    Posted 4 years ago #

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

    First of all, these is my site: http://c4rlo.us

    I want to keep the site name, and the description but add a little logo exactly in the corner like in this image: http://cl.ly/47Sn

    Can you help me out?

    Thanks in advance...

  10. govpatel
    Posted 4 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic