How can I remove H1 from logo?

Invasive contributor
4Jun2012,21:20   #1
ozsubasi's Avatar
My site is altinkumpropertyforsale.com and I want to remove the H1 tag from the logo which is at the top of every page. The problem is that Google reads it as being the same H1 for all pages, and obviously I want individual H1's for every page.
If you view the source of the page, about half way down there is:
<div class="logo">
<h1 title="Altinkum Property For Sale ">Altinkum Property For Sale</h1>
</div>
I want the pages to look the same i.e. with the same header as they now have, I just don't want them to be H1.

In the (I think) relevant CSS file I have:
.logo h1 {
font-size:44px;
color:#000;
color:#FFF;
float:left;
padding-left:10px;
display:inline;
/*IE */
vertical-align:text-bottom;
}

Any ideas please?

Last edited by ozsubasi; 4Jun2012 at 21:26..
Invasive contributor
5Jun2012,14:17   #2
ozsubasi's Avatar
I managed to resolve this myself by trial and error. From the CSS file I deleted the reference to H1.
I then amended my main.html to read:
<div class="logo">
<font size="7"><strong>Altinkum Property For Sale</strong></font>
</div>

So I still have the same header but it is no longer H1, which means I have been able to set up individual H1's for each page.
Ambitious contributor
11Jun2012,04:08   #3
pein87's Avatar
html

HTML Code:
<span id="logo">Altinkum Property For Sale</span>
css

Code: Css
span#logo {  font-size:44px; color:#000; color:#FFF; float:left; padding-left:10px; /*IE */ vertical-align:text-bottom; }