Logo

So all you want to do is put a logo in the header.

Example: http://smileypedia.wikidot.com/

• Create your Logo (remember, size is important)
• create a custom theme.
• to your custom theme, add something like this:-

#header h1 a
{
display: block;
height: 70px;
width: 350px;
background-image: url(where you have stored your logo);
background-repeat: no-repeat;
}

• You will note that the Site text is still there, so we need to get rid of that

#header h1 a span {
    display: none;
}

• And you might need to adjust the height of the header a little to make things fit better.

#header {
    height: 140px;

}

• then you might find that when you put your cursor over the logo, it disappears. So we need to stop that .

#header h1 a:hover 
{

background-image: url(where you have stored your logo);

}