Replacing the graphic in the black bar at the top of each page is easy. You'll need to create a new PNG GIF image with a black background that is 46px by 46px. Name it "logo.png" "logo.gif" and upload to the /mt-static/plugins/mid-century/ directory, overwriting the existing image. The change should be immediate without having to republish your site.
Update: Jason pointed out that the standard version of Mid-Century has a different graphic in the header that's a GIF rather than a PNG.
; "Blog It for iPhone")
; "Sippey onstage")
; "Nooooooo!!!")
Hi Jim,
Thank you so much for these little snippets, sharing your knowledge with the MT community. Today I managed to get the related entries working, and looking like your own. After seeing how it was done on the archive template, it was easy to implement. Add a little styling and it looks fantastic. I won't write up the "how-to", it's your baby.
Jim:
**Awesome** work on this theme!
BTW - it looks like your CSS is referencing logo.gif, not logo.png.
Cheers,
Jason
Hi Jason -- I rechecked the css and the image name and it's definitely logo.png. I think logo.gif is the MT logo in the control panel.
Huh - odd. When I use Firebug to take a look at the CSS, this is what I see:
#header-name {
font-size: 22px;
line-height: 40px;
font-weight: normal;
text-transform: lowercase;
font-family: "Helvetica Neue", Arial;
padding: 10px 0 10px 55px;
background: url(logo.gif) no-repeat 5px 50%;
display: block;
float: left;
}
Thanks for the reply.
Jason
Ah! Yes, sorry Jason, you're right. I forgot that my version has my logo and the regular version has a different graphic in the header. Thanks for pointing that out.
wouldn't it be better to do something like the professional template set has:
#homepage-image { background-image: url(http://path/to/your/image.jpg) !important; }
then you could just put it in the stylesheet and it could be gif/png/jpg