Help - Search - Members - Calendar
Full Version: Suppressing banner
Movable Type Community Forum > Additional Resources > Tips and Tricks
tekgirl
I know I read it somewhere how to suppress the #banner so that it is invisible. I have a background that I want to be able to seen on one site and on another, I would prefer to use an image as a banner as opposed to text.

Any help would be appreciated.
kadyellebee
The most straightforward instructions for you -- modify your templates to have the image tag in place of the MTBlogName tag.

Another way to do this (if your templates are using the default headers) is to set up the background in your CSS.
CODE
#banner { background-image:url(http://your-site.com/image.gif); background-repeat: repeat-y;
width: 500px; height: 300px;
}
#banner h1 {display:none;}

Setting the width and height will force the area to stay open even with no text in it.

You can read more about the background properties on w3cschool's CSS Background pages.

Hope that helps,
Kristine
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.