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?
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.
html HTML: <span id="logo">Altinkum Property For Sale</span> css Code: span#logo { font-size:44px; color:#000; color:#FFF; float:left; padding-left:10px; /*IE */ vertical-align:text-bottom; }
Hi, Probably there is another css by the name logo and it is interfering with this code. In these situations, you could use the tool FireBug to inspect elements and view the css entries. --- Regards, Mia Luzzatto