Need help? Check out our Support site, then


Title Image only half visible

  1. I have edited my page title to show an image, but for some reason the image repeats, and only displays the top half.

    My blog is: http://rickkirton.wordpress.com

    Any help much appreciated!

    The blog I need help with is rickkirton.wordpress.com.

  2. Modify the declarations in #site-title as I have them below.

    #site-title {
    background: url("//rickkirton.files.wordpress.com/2012/01/logosmall1.jpg?”") no-repeat scroll 0 0 transparent;
    font-size: 60px;
    line-height: 90px;
    margin: 0;
    width: 350px;
    }

    Then in #site-title a, make it look like this:

    #site-title a {
    display: block;
    text-indent: -9999px;
    }

    The reason for this change on site-title a is that Internet Explorer does not recognize "transparent" as a font color. Every other browser in the universe does, but not IE. This take care of that issue. Also the above makes your entire logo image clickable as a return to the main page of your site.

    Note in the above that there is some stuff missing as well. Any declaration in a rule that is not changing should not be added to your CSS. It can confuse browsers.

  3. Excellent, thanks a lot!

Topic Closed

This topic has been closed to new replies.

About this Topic