WordPress.com

1. rickkirton
   Member
   Jan 12, 2012, 4:26 AM

   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. thesacredpath
   Member
   Jan 12, 2012, 5:52 AM

   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. rickkirton
   Member
   Jan 12, 2012, 3:40 PM

   Excellent, thanks a lot!

Topic Closed

This topic has been closed to new replies.