Title Image only half visible

  • Author
  • #796411


    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.


    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.



    Excellent, thanks a lot!

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