Change Blog Title and Description to an Image

If you look at my site https://www.bluelimemedia.com check the source, you will see at the top:

<h1 id="logo"><a href="https://www.bluelimemedia.com"><span class="hide">Bluelime Media - Interactive Solutions with a Twist</span></a></h1>

I’m using an h1 and displaying the name of the company, but replacing it with an image. The class hide is the one that does the trick.

If you look at the style sheet, you will see this:

.hide {display:none;}
#logo a {
	width: 200px; height: 0px;
	position: absolute;
	top:12px; left: 22px;
	display: block;
	background: url(images/logo.gif) top left no-repeat;
	overflow: hidden;
	font-size: 1px;
	padding-top: 60px;
}

I find that this trick works best for SEO purposes.

Thanks for the info, i have the idea how does it work, but i don’t know exactly what i have to modify in the CSS, sound logical for me that should be header stuff, am i right?

PD. Sorry for my english

#header
{
/*	background:url('images/top.jpg') no-repeat bottom; */
	width:800px;
	height:272px;
	margin-bottom:10px;	

}

#header a, #header a:hover
{
	color:#fff;
	text-decoration:none;
}

#headerTitle
{

}

#headerTitle h1
{
	float:left;
	clear:both;
	position:relative;
	top:33px;
	left:20px;

 font-size:25px;
}

#headerTitle h1 a
{
	color:#1C320D !important;
	font-weight:normal !important;
}

.description
{
	float:left;
	clear:both;
	position:relative;
	top:35px;
	left:20px;
	color:#000000;

}

ohhh forget the last, thing i wrote, i’m reading and i realize that i have to create a class for the logo, and then call it, but i don’t understand exactly what i have to do ??

Why not simply put the name in the alt tag and the description in the title tag?

Unless you have a long description.

If you have a long description, just move the text to a new post and call it “about {name of this site}.

Moving you description will not affect google ranking.

And if you hide text, it might actually have negative affect on google ranking.

5.

Moving you description will not affect google ranking.

And if you hide text, it might actually have negative affect on google ranking.

I was reading that guys from Google were telling that is ok use this trick when you are hidding “X” for “X” and not “X” for “X for sale disscount offer, etc”. sounds logical.

And i just got it! i was a little bit confused of the first answer but suddenly all made sense and i have it now as i wanted, thanks very much, the only last question but maybe not important is if is possible add “ALT” to the image that now i have.. and again thanks!