If I understand what you are asking, this is how you do it using CSS. You need to work on two files. header.tpl and site.css
In your header.tpl you see code like this:
<div id="header_wrap">
<div id="header">
<h1><span>{settings.app_title}</span></h1>
{banners:group="header"}
</div>
In site.css you will see code like this:
div#header h1 {
padding-left: 80px;
float: left;
font: bold 26px/96px Trebuchet MS, tahoma, arial, sans-serif;
color: #D52525;
background: url('logo.gif') no-repeat 0px center; }
The first thing you need to do is replace {settings.app_title} with a title you want. Type a title that has your keywords in it for search engines. You CAN NOT delete or leave a space or the image will also disappear. For example type: <h1><span>Asian Dating</span></h1>
To move that text out of the way so no one sees it, we will use a css technique known as image replacement. Add the following to your css: text-indent: -9999px;
div#header h1 {
text-indent: -9999px;
padding-left: 80px;
float: left;
font: bold 26px/96px Trebuchet MS, tahoma, arial, sans-serif;
color: #D52525;
background: url('logo.gif') no-repeat 0px center; }
If you did the above correctly, all you will see when you look at your site is the logo. The text however is still seen by the search engines. You can prove this by looking at your source code and you will see the title in the source code.
Now if you want to replace the default logo, create it, name it logo.gif and upload it to your template media folder to replace the default logo.gif
Last edited by db3204 (2009-03-30 22:17:38)
