Results 1 to 3 of 3

Need help with wordpress site header

This is a discussion on Need help with wordpress site header within the Wordpress forums, part of the WebMaster Section category; hello, I am new to wordpress and I am currently using Twenty Ten theme. I inserted my logo in the ...

  1. #1
    Junior Member
    Join Date
    Sep 2011
    Posts
    6

    Default Need help with wordpress site header

    hello,
    I am new to wordpress and I am currently using Twenty Ten theme. I inserted my logo in the place for page titles, and it worked fine, but as you can see on the image there is some strange black background behind the image. I have tried using different images including other image formats, with or without transparency and stuff like that and still the same problem is here.

    also here is the code I used for inserting the image:

    Code:
    <h1 id="site-title"> 
    <span> 
    <a href="<?php bloginfo ('home');?>" rel="home" title="<?php bloginfo('name');?>"> 
    <img src="<?php echo bloginfo ('template_directory');?>/images/logo.png" alt="<?php bloginfo ('name');?>" /> 
    </a> 
    </span> 
    </h1> 
    <!--end of h1 site-title-->
    I have also tried alternative ways of inserting the image, including from an external link and many other ways, and still the same problem.
    Please help me if you can, and also be gentle when explaining because im pretty new to wordpress, html, php and css.

    Thanks in advance!

  2. #2
    Junior Member
    Join Date
    Jul 2012
    Posts
    10

    Default

    This might be solvable through the css.
    Do you have a URL for the website so I can take a quick look at it please.
    Thanks

    To save time, I have manually looked at the theme that you are using.
    I was right with it being in the css.


    Locate this file:

    style.css

    TAKE A BACKUP, BEFORE YOU MODIFY THIS FILE !!!

    If you look at the text in this file, you will find the following:


    /* This is the custom header image */
    #branding img {
    clear: both;
    border-top: 4px solid #000;
    display: block;
    border-bottom: 1px solid #000;
    }
    CHANGE THIS TO SHOW THE FOLLOWING


    #branding img {
    border-bottom: none;
    border-top: none;
    }
    Save.
    Now go back to your website, "hard refresh" your page by holding CONTROL & pressing F5, and the new changes will be shown.
    Hopefully no black boarders

  3. #3
    Junior Member
    Join Date
    Jul 2012
    Posts
    10

    Default

    Are you able to provide us with your Wordpress link? This allow us to get straight into the root cause of the "black border" as we are able to see which file/code is affecting the issue.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •