Sunday 2 October 2011

Displaying Title and Description Text over a banner image

If you would like to use a banner as a background image but would like to retain your blog Name and Description text, you can use the following code. Note that you will need to upload the banner image file via Library > File Manager and edit the URL and height to match your specific banner.


#banner { 
background-image: url(http://example.typepad.com/folder/banner.jpg); 
height: XXXpx; 
background-position:0px 0px; 
}

#banner-header a { 
height: XXXpx; 
}

Replace XXX with the correct banner height and "http://example.typepad.com/folder/banner.jpg" with the URL for your banner image.

No comments:

Post a Comment