Hi Ekasilam!
I haven’t downloaded this template yet, but looking at the code, the first (normal-state) logo is here:
<a href="http://yoursite”>http://yoursite/ja_genista/templates/ja_genista/images/logo1.png
Then mouse-over effect is (rightly so – standards compliance n’all that!) a CSS-driven effect:
h1.logo {
margin: 0;
padding: 0;
width: 190px;
font-size: 300%;
position: absolute;
top: -45px;
left: -15px;
height: 95px;
}
h1.logo a {
width: 190px;
float: left;
display: block;
background: url(../images/logo1.png) no-repeat;
text-transform: uppercase;
text-indent: -5000px;
height: 95px;
outline: none;
}
h1.logo a:hover {
background: url(../images/logo2.png) no-repeat;
}
So that tells us that the other logo is here:
<a href="http://yoursite”>http://yoursite/ja_genista/templates/ja_genista/images/logo2.png
If I were working on this, I would re-word the content within <h1 class=”logo”> here! </h1> and then re-create the logo images, trying to use a similar mouse-over effect, cause it looks nice! 😀
I hope this helps!