How can I remove H1 from logo?

ozsubasi's Avatar, Join Date: Jan 2012
Invasive contributor
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..
ozsubasi's Avatar, Join Date: Jan 2012
Invasive contributor
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.
pein87's Avatar
Ambitious contributor
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; }