rahsanca
Member
Posted 10 months ago #
Hi. I'm enjoying your theme. Trying to get my blog up and running but was hoping to replace the Header Title/Text with a logo. I first attempted just replacing the header background as you had described to someone in a previous post, but of course this causes the background/logo to change position depending on the browser window size. Any way I can have a small .jpg locked in position just like the header type?
link: http://www.publicpersonae.com/blog
Many thanks!
nhuja
Member
Posted 10 months ago #
Hi rahsanca,
Why don't you try this:
#headerimg h1 a {
background: url(http://url of your image) 20px 0px no-repeat;
width: 200px;
height: 65px;
display: block;
text-indent: -999px;
}
Paste this over your style.css just before the
#headerimg .description {
tag.
Fill the needed URL.
Hope that helps,
Chandra
Using a negative text indent is not a good way to do things...especially given that small of a number. I have my monitor running at 2560 x 1600. If I have my browser open full size (not likely, but possible) I am going to see the text there.
At the very least, use -9999px
http://css-tricks.com/nine-techniques-for-css-image-replacement/
If the only reason you are using this is to change the font, consider FLIR.
http://wordpress.org/extend/plugins/facelift-image-replacement/
Good luck
:)
rahsanca
Member
Posted 10 months ago #
Thanks so much everyone! I got it to work.
nhuja
Member
Posted 10 months ago #
yep.. ok -9999px :)
Thanks all.
(Post it as resoved perhaps) ??
I can't get it to work.. I've tried the code from here, in addition to #8 of the nine techniques for CSS image replacement.
Can anyone please tell me what code to insert where? The nine techniques referres to code in header.php and style.css? I would really appriciate it! I only want a simple logo in the header.