Title Image only half visible

  • Unknown's avatar
    rickkirton · Member ·

    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: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    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.

  • Unknown's avatar
    rickkirton · Member ·

    Excellent, thanks a lot!

  • The topic ‘Title Image only half visible’ is closed to new replies.